Mermaid Diagram Syntax Guide

Comprehensive syntax reference for generating error-free Mermaid diagrams. Prevents common mistakes and supports Mermaid v11 features including flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, and more.

Test diagrams at: https://mermaid.live/

Prefer flowchart over graph: Both work, but flowchart is the modern syntax with better feature support.

Critical Rules (Prevent 90% of Errors)

1. Special Character Escaping

Always wrap text containing special characters in double quotes: