Hacker GitHub

← All repos

mermaid-js/mermaid

View on GitHub ↗ ★ 90,974 TypeScript

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

55 mentions on Hacker News by 46 people: 8 stories, 47 comments · first 2014-11-28 · latest 2026-08-12

Mentions per year 55 mentions · busiest year 2023 (9)
20082026
AllStoriesComments NewestTopOldest
  1. Is this not open source enough for your purposes? https://github.com/mermaid-js/mermaid https://github.com/mermaid-js/mermaid-live-editor https://github.com/mermaid-js/mermaid-cli OP's product is not open source btw
    comment by nylonstrung · 2026-08-12 · in Show HN: Line9 – A Mermaid rendering engine with its own layout
  2. …but the UML image is probably a lot more understandable than the Mermaid representation. [1]: https://github.com/mermaid-js/mermaid
    comment by Towaway69 · 2026-07-25 · in Spatial languages: Writing code in 2D
  3. Huge fan of https://github.com/mermaid-js/mermaid , not the prettiest things but enough to scratch the itch.
    comment by 1a527dd5 · 2026-03-30 · in I use Excalidraw to manage my diagrams for my blog
  4. …in 1999. (Mermaid isn’t accessible by default either, but there’s current work in that direction: https://github.com/mermaid-js/mermaid/pull/7349 )
    comment by robin_reala · 2026-01-29 · in Mermaid ASCII: Render Mermaid diagrams in your terminal
  5. …https://github.com/lucide-icons/lucide https://github.com/mathjax/MathJax https://github.com/mermaid-js/mermaid https://github.com/moment/moment https://github.com/mozilla/pdf.js https://github.com/pixijs/pixijs https://github.com/m
    comment by CMay · 2025-09-20 · in Less is safer: Reducing the risk of supply chain attacks
  6. …the SVG 2 features, but other than browsers, most libraries only support SVG 1.1 features, i.e. < https://github.com/mermaid-js/mermaid/issues/2102 >, which is what the other comment mentioned. 2. Mermaid requires a browser layout engine…
    comment by aloisklink · 2025-01-18 · in Show HN: GUI for editing Mermaid class diagrams
  7. Any idea when Mermaid diagrams will render outside of web browsers? https://github.com/mermaid-js/mermaid/issues/2485 <rant> Aside, I'm the author of KeenWrite ( https://keenwrite.com/ ), a Markdown text editor that allows embedding…
    comment by thangalin · 2025-01-17 · in Show HN: GUI for editing Mermaid class diagrams
  8. …me who've never heard of "Mermaid," apparently it's like GraphViz's dot language but different. https://github.com/mermaid-js/mermaid I tried the flowchart example from Mermaid's own README, but it didn't come out right: looks like the…
    comment by quuxplusone · 2024-10-15 · in Show HN: Mermaid ASCII Diagrams
  9. https://github.com/mermaid-js/mermaid/issues/2485 Mermaid diagrams do not render correctly using the following programs and libraries: Adobe FrameMaker 2020 Apache Batik EchoSVG svgSalamander resvg rsvg-convert svglib prawn-svg CairoSVG…
    comment by thangalin · 2024-07-22 · in Mermaid Gantt diagrams for displaying distributed traces in Markdown (2023)
  10. i hope they'll eventually support Mermaid ( https://github.com/mermaid-js/mermaid ) for creating diagrams directly within documents. i've been using it a lot for my markdown files and it works amazingly well with LLMs (e.g. asking LLM to…
    comment by Crier1002 · 2024-07-17 · in Import and Export Markdown in Google Docs
  11. yep https://github.com/mermaid-js/mermaid/issues/2776
    comment by esafak · 2023-11-21 · in Ask HN: What's the state of the art for drawing math diagrams online?
  12. Was expecting this to be a fork of mermaid [1] with a new feature set. [1] https://github.com/mermaid-js/mermaid
    comment by FrostKiwi · 2023-09-14 · in Fiji Mermaid
  13. …to help-out :) I'm also not a big fan of puppeteer, so I'd love to see a way to go without it. [1]: https://github.com/mermaid-js/mermaid/issues/3650 [2]: https://github.com/mermaid-js/mermaid-cli/issues/467#issueco...
    comment by aloisklink · 2023-07-24 · in The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS
  14. …modify than images and GIFs. Also natively supported in many flavours of markdown like Gitlab. [1] https://github.com/mermaid-js/mermaid
    comment by spacebanana7 · 2023-07-18 · in How to write a great README
  15. https://github.com/mermaid-js/mermaid/issues/4136
    comment by eevilspock · 2023-02-23 · in Mermaid Cheat Sheet
  16. …little tricky. Please raise an issue so we can discuss further, and add it to roadmap if feasible. https://github.com/mermaid-js/mermaid/issues/new
    comment by sidharthv · 2023-02-23 · in Mermaid Cheat Sheet
  17. …a formally specified grammar. Individual diagrams have their grammar in a .jison file. Flowchart: https://github.com/mermaid-js/mermaid/blob/develop/packages/... A single grammar to support all the different use cases would be challenging.…
    comment by sidharthv · 2023-02-23 · in Mermaid Cheat Sheet
  18. This is so cool. It reminds me of Markdown and Mermaid ( https://github.com/mermaid-js/mermaid ), which can do a similar thing within a plain text file. Keep it up; looking forward to trying it out.
    comment by articsputnik · 2023-01-13 · in A command line tool that draw plots on the terminal
  19. …https://wiki.contextgarden.net/Main_Page [5]: https://github.com/DaveJarvis/keenwrite-themes/ [6]: https://github.com/mermaid-js/mermaid/issues/2485 [7]: https://github.com/yuzutech/kroki/issues/1410
    comment by thangalin · 2023-01-11 · in Architecture diagrams should be code
  20. …mermaid [1]. I wrote down here [2] how typograms compare to mermaid [2] in terms of trade-offs. [1] https://github.com/mermaid-js/mermaid [2] https://code.sgo.to/typograms/#related
    comment by sgoto · 2022-07-18 · in Show HN: Typograms, Markdown-like renderer for ASCII diagrams
  21. …me break free from having to think about layout entirely. Plus, I can use my favourite text editor. https://github.com/mermaid-js/mermaid
    comment by oftenwrong · 2022-06-20 · in We need a flowchart editor that doesn't give you carpal tunnel
  22. MERMAID looks interesting https://github.com/mermaid-js/mermaid Any experiences?
    comment by galaxyLogic · 2022-06-17 · in Data and system visualization tools to boost your productivity
  23. There's a recent PR which looks pretty promising for C4 in Mermaid: https://github.com/mermaid-js/mermaid/pull/3038
    comment by neuronexmachina · 2022-05-31 · in Ask HN: Visualizing software designs, especially of large systems (if at all)?
  24. …written by whoever wrote (and whoever reviewed or committed) this original sanitizeUrl function < https://github.com/mermaid-js/mermaid/commit/066b7a0d0bda274... >. .replace(/javascript:/g, '') is obviously catastrophically wrong, breaking…
    comment by chrismorgan · 2022-02-15 · in Include diagrams in your Markdown files with Mermaid
  25. …conflicts in the future. [1]: https://github.com/DaveJarvis/keenwrite/blob/master/docs/scr... [2]: https://github.com/mermaid-js/mermaid/issues/2485 [3]: https://talk.commonmark.org/t/mermaid-generation-of-diagrams...
    comment by thangalin · 2022-02-14 · in Include diagrams in your Markdown files with Mermaid
  26. …renderer as well. That's how I recently found that Mermaid can't handle graphs with no flow https://github.com/mermaid-js/mermaid/issues/1227 [1] https://wiki.dendron.so/notes/ba97866b-889f-4ac6-86e7-bb2d97...
    comment by jodrellblank · 2022-01-18 · in Graphviz: Open-source graph visualization software
  27. https://github.com/mermaid-js/mermaid
    comment by gardenfelder · 2021-03-04 · in Show HN: Gleek diagram maker – UML class, Sequence, ER diagrams, Flowcharts
  28. …basic concept applies to any sprawling ecosystem where discovery is hard). I recently stumbled on https://github.com/mermaid-js/mermaid , which seems like it has an interaction model that could support what I have in mind (minus the…
    comment by abathur · 2020-06-10 · in Create diagrams with code using Graphviz
  29. What kind of drawings? If you're just looking for diagrams, https://github.com/mermaid-js/mermaid is good.
    comment by xrendan · 2020-05-04 · in Why it's great to write blog posts
  30. How does this compare with https://github.com/mermaid-js/mermaid
    comment by spinupol · 2019-11-24 · in Diagram.codes
  31. Also: https://github.com/knsv/mermaid
    comment by millette · 2019-03-26 · in Kroki – Convert plain text diagrams to images
  32. Another one: https://github.com/knsv/mermaid
    comment by kawera · 2019-03-16 · in YUML – Easy Embeddable Diagrams
  33. …nodes[0] though, once I can do that, I can autocreate really nice organizational charts :) [0] https://github.com/knsv/mermaid/issues/637
    comment by Ninjaneered · 2019-01-10 · in Ask HN: Which Wiki or internal documentation tools do you use?
  34. Mermaid is a “Markdown for diagrams” that seems to use a more semantic markup instead of ASCII art: https://github.com/knsv/mermaid Would probably work nice as a plugin for a wiki.
    comment by aasasd · 2019-01-10 · in Ask HN: Which Wiki or internal documentation tools do you use?
  35. I hope you don't mind, but I submitted your excellent idea to the Mermaid diagram folks: https://github.com/knsv/mermaid/issues/270#issuecomment-4170...
    comment by eevilspock · 2018-08-29 · in Diagrams: A diagram editor for the Mac
  36. I'm not the original poster, but Mermaid - https://github.com/knsv/mermaid - looks like a decent way to put easy-to-edit graphs in Markdown. I haven't had a chance to use it yet, but I want to. It's not part of Github Flavored Markdown.
    comment by pronoiac · 2018-08-26 · in Writing Documentation When You Aren't a Technical Writer
  37. …This would be super cool when applied to some nice diagramming libraries like Mermaid and Markdeep. https://github.com/knsv/mermaid https://casual-effects.com/markdeep
    comment by npunt · 2018-05-25 · in Show HN: Wired-elements – UI web components with a hand drawn, sketchy look
  38. …on working on that project, it has tons of interesting, orthogonal avenues to explore[4] ===== [1] https://github.com/knsv/mermaid [2] https://www.amazon.com/3DX-700040-3Dconnexion-SpaceMouse-Pro... Pretty much the paragon of HIDs for CAD,…
    comment by iheartmemcache · 2017-09-24 · in Org-Mode Is One of the Most Reasonable Markup Languages to Use for Text
  39. Apparently some people also wanted graphviz syntax: https://github.com/knsv/mermaid/issues/5 I also find another project called Viz.js[1]. It's graphviz in javascript. Looks promising. It's hard to choose between this two. On the one hand…
    comment by karboosx · 2017-06-26 · in Designing state machines
  40. …diagrams (so state machines as well) called mermaid[1], just by writing simple readable text. [1] https://github.com/knsv/mermaid
    comment by karboosx · 2017-06-26 · in Designing state machines
  41. …, but workflowy is especially useful when I need a list to be shared. I also like mermaid ( https://github.com/knsv/mermaid ), so I created a small rails app ( https://github.com/juliend2/metaglue ) that uses mermaid as the graph language,…
    comment by juliend2 · 2017-02-06 · in Why Don't We Have a General-Purpose Tree Editor? (2014)
  42. Mermaid.js can render directed graphs in the browser, and the minimised JS and CSS are ~620 KB. https://github.com/knsv/mermaid/tree/master/dist e.g. live online editor: http://knsv.github.io/mermaid/live_editor/#/edit/Z3JhcGggVEQ...
    comment by jodrellblank · 2017-01-06 · in Graphviz in the browser
  43. …build by hand and a DSL convertable to it would actually be generally useful, I would imagine.) [1] https://github.com/knsv/mermaid/issues/5 [2]
    comment by WorldMaker · 2017-01-05 · in Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
  44. …[3]: http://www.texample.net/tikz/examples/class-diagram/ [4]: https://github.com/knsv/mermaid
    comment by jamessb · 2017-01-05 · in Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
  45. …Do people actually manually write ASCII diagrams like that? This is a great place to use Mermaid ( https://github.com/knsv/mermaid )
    comment by replete · 2016-10-31 · in Show HN: Spongedown – markdown renderer with ascii diagram support
  46. The ASCII to graph feature reminds me of https://github.com/knsv/mermaid . But I like the more WYSIWYG approach (if I dare say) of Markdeep.
    comment by juliend2 · 2015-10-17 · in Markdeep
  47. …weak points is "messy" diagrams. But it supports subgraphs, which can help making them cleaner. [1] https://github.com/knsv/mermaid
    comment by atombender · 2015-09-28 · in Shaky: ASCII Diagram to PNG