Diagram Examples
Invalid Diagramsโ
Those errors should not crash the whole page
Invalid typeโ
Invalid contentโ
Sequence Diagramโ
Sequence Diagram (forest theme directive)โ
It is possible to override default config locally with Mermaid text directives such as:
%%{init: { "theme": "forest" } }%%
Gantt Chartโ
Flow Chartโ
With Markdown:โ
Class Diagramโ
State Diagramโ
Entity Relationship Diagramโ
User Journeyโ
๋
ธํธ
If there's too much space above it's due to a Mermaid bug
Pie Chartโ
Requirement Diagramโ
Gitgraph (Git) Diagramโ
Mermaid in tabsโ
- tab-a
- tab-b
The following mermaid diagram is shown:
This mermaid diagram is not displayed: