Live demo
Sequence diagram
Sequence diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
Gantt diagram
Gantt diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
Class diagram
Class diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
Git graph
Git graphs can be created based on the Mermaid syntax. Click here to see the live demo.
Entity relationship diagram
Entity relationship diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
Pie chart
Pie charts can be created based on the Mermaid syntax. Click here to see the live demo.
State diagram
State diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
User journey diagram
User journey diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
Quadrant chart
Quadrant charts can be created based on the Mermaid syntax. Click here to see the live demo.
Requirement diagram
Requirement diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
Sankey diagram
Sankey diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
XY chart
XY charts can be created based on the Mermaid syntax. Click here to see the live demo.
Block diagram
Block diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
Packet diagram
Packet diagrams can be created based on the Mermaid syntax. Click here to see the live demo.
Architecture diagram
Architecture diagrams can be created based on the Mermaid syntax. Click here to see the live demo.