Create flowcharts, sequence diagrams, Gantt charts, and more using simple text-based syntax.
Mermaid is a JavaScript-based diagramming tool that uses Markdown-inspired syntax. Use a fenced code block with the language identifier mermaid to create diagrams.
Note: Mermaid rendering requires support from your Markdown editor or renderer. Tools like Obsidian, GitHub, GitLab, and many others support it natively.
Use graph TD (top-down) or graph LR (left-right) to create flowcharts.
Sequence diagrams show the interactions between participants over time. Use sequenceDiagram to define them.
| User | App | DB |
|---|---|---|
| → Login request | ||
| → Check credentials | ||
| ← User found | ||
| ← Login successful | ||
Gantt charts visualize project timelines. Define sections and tasks with durations.
Project Timeline