📝 Code Editor
👁️ Live Preview
Type Mermaid code on the left to see preview...
💡 Mermaid Syntax:
Use
graph TD for top-down, graph LR for left-right.
Shapes: [Rectangle] {Diamond} (Rounded) ((Circle)).
Arrows: --> -.->] ==>. Labels: -->|text|.
Style: style NodeId fill:#color,color:#text