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
  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
  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.
  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 )
  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
  6. ▲ 255
    Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text
    story by olalonde · 2025-05-21 · 107 comments
  7. …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…
  8. 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…
  9. …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
  10. 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…
  11. 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
  12. ▲ 2
    Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text
    story by tosh · 2024-02-16 · 0 comments
  13. yep https://github.com/mermaid-js/mermaid/issues/2776
  14. 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
  15. …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...
  16. …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
  17. https://github.com/mermaid-js/mermaid/issues/4136
    comment by eevilspock · 2023-02-23 · in Mermaid Cheat Sheet
  18. …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
  19. …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
  20. 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.
  21. …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
  22. …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
  23. …me break free from having to think about layout entirely. Plus, I can use my favourite text editor. https://github.com/mermaid-js/mermaid
  24. MERMAID looks interesting https://github.com/mermaid-js/mermaid Any experiences?
  25. There's a recent PR which looks pretty promising for C4 in Mermaid: https://github.com/mermaid-js/mermaid/pull/3038
  26. ▲ 69
    Mermaid: Create complex diagrams using Markdown-inspired
    story by luispa · 2022-02-15 · 3 comments
  27. …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…
  28. …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...
  29. …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...
  30. https://github.com/mermaid-js/mermaid
  31. …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
  32. 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
  33. How does this compare with https://github.com/mermaid-js/mermaid
    comment by spinupol · 2019-11-24 · in Diagram.codes
  34. ▲ 3
    Mermaid: Generate diagrams and flowcharts like Markdown
    story by ShaneCurran · 2019-08-19 · 0 comments
  35. Also: https://github.com/knsv/mermaid
  36. Another one: https://github.com/knsv/mermaid
    comment by kawera · 2019-03-16 · in YUML – Easy Embeddable Diagrams
  37. …nodes[0] though, once I can do that, I can autocreate really nice organizational charts :) [0] https://github.com/knsv/mermaid/issues/637
  38. 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.
  39. 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
  40. ▲ 2
    Mermaid – generate diagrams and flowcharts
    story by tango24 · 2018-08-29 · 0 comments
  41. 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.
  42. …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
  43. ▲ 453
    Mermaid: Markdown-like generation of diagrams and flowcharts from text
    story by tomcam · 2018-04-20 · 61 comments
  44. …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,…
  45. 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
  46. …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
  47. …, 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,…
  48. 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
  49. …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]
  50. …[3]: http://www.texample.net/tikz/examples/class-diagram/ [4]: https://github.com/knsv/mermaid