Mermaid Chart
Create and render diagrams using Mermaid syntax
Mermaid Chart
Create and render diagrams using Mermaid syntax
Mermaid Chart Generator
Create diagrams and flowcharts with Mermaid syntax
Loading Mermaid library...
Mermaid Syntax Guide
Mermaid is a simple markdown-like script language for generating charts from text.
Select a diagram type from the dropdown above to see an example, or check the official documentation for more details.
Basic Syntax Tips:
- Use
-->for arrows in flowcharts - Use
->>for solid arrows in sequence diagrams - Use
-->>for dotted arrows - Use brackets like
[Square],(Round),{Curly}for different node shapes - Add styling with
stylestatements