Test document for Mermaid graphics
Simple graph

Mermaid markup
```mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
Another simple graph

Mermaid markup
```mermaid
graph LR;
A-->B;
A-->C;
B-->D;
C-->D;
A-->D;
D-->D;
```
A pie chart

Mermaid markup
```mermaid
pie
title Pets adopted by volunteers
"Dogs" : 386
"Cats" : 85
"Rats" : 35
"Hros" : 55
```
A sequence diagram

Mermaid markup
```mermaid
sequenceDiagram
participant dotcom
participant iframe
participant viewscreen
dotcom->>iframe: loads html w/ iframe url
iframe->>viewscreen: request template
viewscreen->>iframe: html & javascript
iframe->>dotcom: iframe ready
dotcom->>iframe: set mermaid data on iframe
iframe->>iframe: render mermaid
```
A state diagram for some simple lexicon structure
Below this text there should be a state diagram:

Mermaid markup
```mermaid
stateDiagram-v2
direction LR
[*] --> Root
Root --> Prefixes
Root --> NounRoot
Root --> Verb
Root --> Adjective
Root --> Pronoun
Root --> Adverb
Root --> Subjunction
Root --> Conjunction
Root --> Particle
Root --> Adposition
Root --> Punctuation
Root --> Symbols
Root --> Interjection
Root --> Abbreviation
Root --> Acronym
Root --> ProperNoun
Root --> Numeral
```
Above here there should be a state diagram. It should look like the following (taken from mermaid.live):

There are no graphs after this point