Mermaid is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

🧩 Flowcharts — quick, readable, and version‑controllable

🔄 Sequence diagrams — perfect for protocol or API walkthroughs

📅 Gantt charts — timelines without spreadsheet pain

🧬 Class diagrams — UML‑style modelling from text

🔁 State diagrams — ideal for logic, UI, or workflow states

🥧 Pie charts — simple data visualisation

🌳 C4 diagrams — architecture modelling with code

🧪 Live Editor — instant preview and sharing

🔐 Sandboxed rendering mode — safer diagram rendering for public sites

🧱 Integrations everywhere — GitHub, docs platforms, static site generators, etc.

🧰 Works in production scripts, CI, and automated doc pipelines