Enjoy live collaboration with teammates when you go Pro
Try it free
Mermaid
▾
Syntax
Release notes
Guides
▾
Editor
Plugins
Handbook
Blog
Discord
GitHub
Dashboard
Docs
▾
Explore
Mermaid syntax
User guides
Plugins
Blog
Mermaid
Release notes
Mermaid Chart
Dashboard
Contact us
Handbook
Intro
Mermaid
C4 (beta)
Syntax
Examples
Class
Syntax
Examples
ER
Syntax
Examples
Flowchart
Syntax
Edges
Shapes
Examples
Gantt
Syntax
Examples
Gitgraph
Syntax
Examples
Mindmap
About
Syntax
Examples
Pie
Syntax
Examples
Quadrant
Syntax
Examples
Requirement
Syntax
Examples
Sankey (beta)
Syntax
Examples
Sequence
Syntax
Examples
State
Syntax
Examples
Timeline
Syntax
Examples
User Journey
Syntax
Examples
ZenUML
Syntax
Examples
Menu
On this page
Mermaid syntax
State diagram
Examples
🚧 Coming soon 🚧
© Mermaid Chart 2024
