Mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as Markdown.

Mermaid on GitHub 1
Mermaid home 2
Flowcharts — Basic Syntax 3
Sequence Diagrams 4

Tools

Markdown Preview Mermaid Support v1.18.1 5 — adds Mermaid diagram and flowchart support to VS Code’s builtin Markdown preview
Working with non-code files at GitHub 6

Codebase Mermaid Generator VS Marketplace 7 — generates Mermaid diagrams of your codebase using the Anthropic API; source 8
HN: GitHub Codebase Mermaid Diagram Tool Built on Claude 9

Pages

  • Flowcharts — Mermaid flowchart shapes, links, and decision nodes
  • Sequence Diagrams — Mermaid sequence diagram arrows, activations, loops, and parallel
  • Gantt Charts — Mermaid Gantt charts, user journeys, and time tracking
  • Subgraphs — Mermaid flowchart subgraphs, tooltips, and markdown strings
  • Style — Mermaid node styling, CSS classes, and Font Awesome icons
< «

Table of contents