Mermaid
Hacker ApprovedThe most recommended of 11 diagram tools
A free text-based diagram tool whose diagrams can be versioned in git and render in GitHub, Markdown and editors, though large diagrams often look messy.
A free text-based diagram tool whose diagrams can be versioned in git and render in GitHub, Markdown and editors, though large diagrams often look messy.
139 people gave an opinion
- recommend it
- 93
- criticize it
- 46
- approval share
- 67%
Recommended in 12 of 13 months
- November 2025: recommended
- December 2025: recommended
- January 2026: recommended
- February 2026: recommended
- March 2026: recommended
- April 2026: recommended
- May 2026: recommended
- June 2026: recommended
- July 2026: recommended
- August 2026: recommended
- September 2026: recommended
- October 2026: recommended
- November 2026: not recommended (month in progress)
Why it carries the badge
- 93 people recommend itNeeds 10 or more, met.
- 2 recommenders for every criticNeeds 2 to 1 or better, met.
- Recommended in 12 of 13 monthsNeeds 4 or more, met.
The same three rules apply to every product, and the badge can’t be bought. How the badge works
What people say about it
The reasons people give, with the number of comments that give each one. Open a reason to read what they said.
Why people recommend it
Each mark is one comment
Diagrams stored as text in git
“I love mermaid because I'm a huge fan of anything related to code that can I check into git”
Comment from 30 Mar 2026 in “I use excalidraw to manage my diagrams for my blog” “I am a huge fan of mermaid diagrams because it lets me check in my diagrams into git.”
Comment from 30 Mar 2026 in “I use excalidraw to manage my diagrams for my blog” “Mermaid is useful because it's text that can be checked in and versioned as usual.”
Comment from 3 Mar 2026 in “Ask HN: How is your team changing documentation for AI-assisted coding?” - Comment from 22 Mar 2026 in “More common mistakes to avoid when creating system architecture diagrams”
Renders in Markdown, GitHub and IDEs
“Mermaid diagrams automatically render on Markdown and IDE chat windows as in VSCode or Cursor. So you get the best of both worlds”
Comment from 14 Feb 2026 in “Monosketch” “It also renders on GitHub in markdown files with ```mermaid``` code blocks so it's super useful for adding architecture diagrams”
Comment from 8 Jul 2026 in “Show HN: Free Mermaid Diagram Editor” “Mermaid is awesome, since it has broad support, can be committed to repos, and can be created and edited very easily by LLMs.”
Comment from 31 Mar 2026 in “I use excalidraw to manage my diagrams for my blog” - Comment from 11 Nov 2025 in “Codemaps: Understand Code, Before You Vibe It”
LLMs can generate and edit diagrams
“An LLM driving mermaid with text tokens will produce infinitely more accurate diagrams than something operating in raster space.”
Comment from 18 Feb 2026 in “15 years later, Microsoft morged my diagram” “The LLMs are also pretty good at generating Mermaid charts and tracing execution flows, which is a great way to understand code.”
Comment from 14 Oct 2026 in “Gemini 4 Argon” “I've been having great success with LLMs generating Mermaid diagrams and flowcharts from a repo.”
Comment from 13 Jan 2026 in “Show HN: Nogic, Turn codebase into a graph to understand how it fits together” - Comment from 17 Apr 2026 in “Show HN: Spice simulation → oscilloscope → verification with Claude Code”
Easy to change and share
“I make heavy use of Mermaid as I find it easier to make small changes”
Comment from 30 Mar 2026 in “I use excalidraw to manage my diagrams for my blog” “Mermaid diagrams are even better because you don't waste characters on the visual representation but rather the relationships between them.”
Comment from 13 Feb 2026 in “Monosketch” “A similar win I've found is documentating process flows with mermaid diagrams (.mmd).”
Comment from 18 Mar 2026 in “Give your AI a codebase map or it will build one the expensive way”
What people warn about
Each mark is one comment
Large diagrams look messy
“yes, mermaid is fine; but often looks bad - esp when visualizing large diagrams”
Comment from 27 Sep 2026 in “Show HN: Reladraw – A diagram language where you decide where to place things” “A lot of diagrams end up looking a bit rough, especially with arrow routing and layout”
Comment from 15 Apr 2026 in “Pretty Fish: A better mermaid diagram editor” “Virtually every diagram it makes that's over 6 nodes becomes a spaghetti mess”
Comment from 14 Oct 2026 in “LLMs are bad at drawing diagrams. Or are they?” Heavy browser needed for rendering
“It still boggles my mind that mermaid's devs think you need an entire freakin' browser to render an SVG.”
Comment from 18 Oct 2026 in “Pele – Mermaid diagrams as themeable SVG” “it is very heavy for this purpose (needs an entire chromium instance for the rendering)”
Comment from 18 Oct 2026 in “Pele – Mermaid diagrams as themeable SVG” Layout control is hard
“hand-tuning the layout of Mermaid, having to try alternative engines or parameters, is not what I want”
Comment from 12 Aug 2026 in “Show HN: Line9 - a Mermaid rendering engine with its own layout” “Mermaid couldn't render subgraphs in a different direction than the overall graph.”
Comment from 29 Jan 2026 in “Beautiful Mermaid” “I had to do a lot of hacking/abuse of Mermaid to get it to do what I wanted”
Comment from 10 Sep 2026 in “Ask HN: What fun and interesting project(s) are you working on?”
Other diagram tools people recommend
The four most recommended other diagram tools, with the same counts for each, so you can compare like for like. The tick on each bar marks the 2 to 1 line the badge needs.
| Product | Recommend | Criticize | Approval | Months | Owned | Badge |
|---|---|---|---|---|---|---|
| MermaidThis page | 93 | 46 | 67% | 12 | — | Approved |
| Reladraw | 28 | 7 | 80% | 1 | — | — |
| SQL to ER diagram tool | 27 | 1 | 96% | 2 | — | — |
| D2 diagram language | 21 | 6 | 78% | 6 | — | Approved |
| PlantUML | 16 | 2 | 89% | 6 | — | Approved |
What people said
40 of the 157 comments that mention it, newest first. Each links to the original comment.
“it's obviously much less time consuming to use a markup language to illustrate a network”
“it is very heavy for this purpose (needs an entire chromium instance for the rendering)”
“It still boggles my mind that mermaid's devs think you need an entire freakin' browser to render an SVG.”
“Virtually every diagram it makes that's over 6 nodes becomes a spaghetti mess”
“The LLMs are also pretty good at generating Mermaid charts and tracing execution flows, which is a great way to understand code.”
“yes, mermaid is fine; but often looks bad - esp when visualizing large diagrams”
“I had to do a lot of hacking/abuse of Mermaid to get it to do what I wanted”
“hand-tuning the layout of Mermaid, having to try alternative engines or parameters, is not what I want”
“a built-in alternate layout called `elk` that I find does a much cleaner job on complex flowcharts”
“It also renders on GitHub in markdown files with ```mermaid``` code blocks so it's super useful for adding architecture diagrams”
“drawing a diagram often saves you >60 minutes of discussion and potentially multiple meetings”
“There's multiple tools that generate architecture diagrams from text/code (Mermaid, LikeC4...)”
“having LLMs work with mermaid diagrams makes describing and modifying circuits less annoying”
“A lot of diagrams end up looking a bit rough, especially with arrow routing and layout”
“how often are people posting raw mermaid diagrams in comments here?… I've never seen one”
“Mermaid is awesome, since it has broad support, can be committed to repos, and can be created and edited very easily by LLMs.”
“I love mermaid because I'm a huge fan of anything related to code that can I check into git”
“I make heavy use of Mermaid as I find it easier to make small changes”
“Then the mermaid code can live next to the document source, and I need not search for the original diagram file to edit and export.”
“I went a different route using diagram-as-code with Mermaid instead of manual drawing.”
“I am a huge fan of mermaid diagrams because it lets me check in my diagrams into git.”
“As imperfect as they are, they mean you can insist the diagrams are updated in the same commit”
“A similar win I've found is documentating process flows with mermaid diagrams (.mmd).”
“Great for summarizing a multi-step process and quick to render with simple tools.”
“These have hard ceilings and there’s only so much you can work around the model”
“Mermaid is useful because it's text that can be checked in and versioned as usual.”
“An LLM driving mermaid with text tokens will produce infinitely more accurate diagrams than something operating in raster space.”
“Mermaid diagrams automatically render on Markdown and IDE chat windows as in VSCode or Cursor. So you get the best of both worlds”
“Mermaid diagrams are even better because you don't waste characters on the visual representation but rather the relationships between them.”
“this gives you the best of both worlds: a visual representation that is still text-based and searchable”
“Mermaid isn’t accessible by default either, but there’s current work in that direction”
“Mermaid couldn't render subgraphs in a different direction than the overall graph.”
“I've been having great success with LLMs generating Mermaid diagrams and flowcharts from a repo.”
“Wish there was something like Mermaid for typical AWS Architecture diagrams.”
“which are just code that you can render using the mermaid diagram website”
“A better way is to auto-generate e.g., class diagrams using PlantUML or Mermaid.”
“it changed how I could communicate and iterate on flows and higher-level designs”
“Mermaid is ubiquitous, and used extensively in virtually everywhere in the internet.”
“you may decide architecture diagrams are in Mermaid but that is by no means a stanfard”
“mermaid has much better support everywhere, including gitlab and github”
Counts come from 1,795,640 Hacker News comments, November 2025 to November 2026. How we count. Report a mistake.