Mermaid.js v11

Overview

Create text-based diagrams using Mermaid.js v11 declarative syntax. Convert code to SVG/PNG/PDF via CLI or render in browsers/markdown files.

When to Use

• Visualizing system architecture, data flows, or component interactions
• Documenting API sequences, state machines, or DB schemas
• Creating project timelines or user journey maps in markdown
• Embedding live diagrams in GitHub READMEs, Notion, or docs sites
• Converting verbal descriptions of processes into formal diagrams

Diagram Type Selection