Flowchart

Flowcharts can be created based on the Mermaid syntax. Click here to see the 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.

Mindmap

Mindmaps can be created based on the Mermaid syntax. Click here to see the live demo.

Timeline

Timeline diagrams can be created based on the Mermaid syntax. Live Demo - Timeline.

C4

diagram

C4 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.