Mermaid
Markdown-like syntax for creating flowcharts, diagrams, and visualizations programmatically.
Charts and data visualisation npm MIT
Used in agent projects
65
0.5% of 12,697 public repos built with AI coding agents
Rank in charts and data visualisation
#7 of 16
by use in those projects
Downloads
17.7M
npm, last 7 days, mermaid
GitHub stars
90.6K
last push Oct 10, 2026
How Mermaid is used
Mermaid is a dependency in 65 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (0.5%), #7 of 16 in charts and data visualisation. The most used alternative there is Recharts. Projects that use it most often also use clsx (52.3%), Class Variance Authority (44.6%), Tailwind Merge (49.2%).
Often used with Mermaid
| clsx | 52.3% of Mermaid projects · 3.0× more than average |
|---|---|
| Class Variance Authority | 44.6% of Mermaid projects · 3.2× more than average |
| Tailwind Merge | 49.2% of Mermaid projects · 2.9× more than average |
| Zod | 49.2% of Mermaid projects · 2.9× more than average |
| remark-gfm | 35.4% of Mermaid projects · 15.6× more than average |
| Lucide React | 50.8% of Mermaid projects · 2.6× more than average |
| Playwright (JavaScript) | 33.8% of Mermaid projects · 3.8× more than average |
| React | 73.8% of Mermaid projects · 1.7× more than average |
By coding agent
| Claude Code | 1.1% of projects set up for it |
|---|---|
| GitHub Copilot | 1.2% of projects set up for it |
| Cursor | 0.6% of projects set up for it |
| OpenAI Codex | 2.2% of projects set up for it |
| Gemini CLI | 2.3% of projects set up for it |
| OpenCode | 2.5% of projects set up for it |
Share of public repos configured for each agent that list Mermaid as a dependency.
Install
| Package | npm install mermaid |
|---|---|
| Main stacks | TypeScript / JavaScript (33), Next.js (25), Rust (3), PHP (1) |
| Example projects | 1600822305/AetherLink, cin12211/orca-q, sourcegraph/docs, cdavid817/vanehub-ai, SanderElias/Samples |
Alternatives to Mermaid
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Recharts npm Composable React component library for building responsive charts. |
1,037 (8.2%) | 56.3M | 27.6K | MIT |
| Matplotlib pypi Python library for creating static, animated and interactive plots and visualizations. |
194 (1.5%) | 39.3M | 23.3K | — |
| Chart.js npm Simple HTML5 canvas-based charting library for creating interactive data visualizations. |
165 (1.3%) | 12.7M | 67.7K | MIT |
| React Chart.js 2 npm React components wrapper for Chart.js enabling data visualization with charts. |
111 (0.9%) | 4.4M | 6,937 | MIT |
| Plotly pypi Interactive data visualization library for Python with rich chart and dashboard support. |
74 (0.6%) | 12.5M | 18.8K | — |
| Seaborn pypi Statistical data visualization library built on matplotlib with rich plot types. |
66 (0.5%) | 6.8M | 14.1K | — |
| D3.js npm JavaScript library for creating data-driven documents with powerful data visualization capabilities. |
63 (0.5%) | 22.2M | 114K | ISC |
| XY Flow npm Customizable React library for building interactive node-based editors and flow charts. |
62 (0.5%) | 13.4M | 38.6K | MIT |