74 pointsby jumpalongjimAug 6, 2026

9 Comments

ryanackleyAug 12, 2026
Looks cool. Price is pretty steep. Lucid chart is like $16/month.
iamcoder18Aug 12, 2026
This solves my biggest gripe with Mermaid.

It's an amazing tool, but I wish it were open source.

doublerabbitAug 12, 2026
Well, it is. Mermaid.js

Just vibe code a user interface to it.

nylonstrungAug 12, 2026
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

horacemoraceAug 12, 2026
I’ve switched to D2 from mermaid after they removed ELK from the base. Dagre just doesn’t work for me. I wish there were better options.
WalterGRAug 12, 2026
Graph layout is a very interesting, very hard problem.

There's even a yearly competition - started in 1994 - whose results are announced at the yearly Symposium on Graph Drawing and Network Visualization.

It's not a subject I'm versed in, but can you talk more about your solution? Do you use a larger constraint solver or is it hand-coded?

--

Competition: https://mozart.diei.unipg.it/gdcontest/

The 34th International Symposium on Graph Drawing and Network Visualization, to be held in Ontario, Canada: https://graphdrawing.github.io/gd2026/

n.b. It's an independent conference, not under the auspices of e.g. IEEE or ACM.

jumpalongjimAug 12, 2026
Neither, really — it's closer to hand-rolled local search.

My first three phases are based on Sugiyama to produce a seed layout (which is broadly what Dagre does). Then I've added my new phases driven by a penalty score that grades candidate layouts using fourteen factors that I devised from my experience laying out graphs manually. The refinement phase is where the bulk of my work is. It applies targeted move types iteratively within a budget, trying to lower the penalty score.

Finally, the result goes through my own embedding and rendering with the theme system on top.

sbarreAug 12, 2026
FYI for any new or casual Mermaid users, it comes with a built-in alternate layout called `elk` that I find does a much cleaner job on complex flowcharts.

See docs here: https://mermaid.ai/open-source/config/layouts.html

CGamesPlayAug 12, 2026
This is super interesting, but apparently neither Obsidian nor Typora include support for it. I guess it's actually provided by an optional plugin.

https://mermaid.ai/live/edit#pako:eNplUlFPwjAQ_ivNPW9EkMHWB4...

ramozAug 12, 2026
I'm trying some of the diagrams in elk and it seems to break the logical flow.

You can try it with Line9's first chart: https://mermaid.ai/live/edit#pako:eNpVVEtv2zAM_iuCTilgB1mbxq...

While it's nice and compact, it actually is rougher to grep.

jumpalongjimAug 12, 2026
Mermaid does indeed provide alternative layout engines. Please do try ELK before Line9. My experience is 1) hand-tuning the layout of Mermaid, having to try alternative engines or parameters, is not what I want. I just want a graph that I can use straight away. 2) ELK more often than not does give a clearer flowchart that I might be satisfied with for personal use but I still wasn't happy putting it in a presentation in front of others.
hankbondAug 12, 2026
I have a bunch of bad layouts so I'll give it a shot, but there's no way my org would pay 120 a year per seat for this. I don't think for any price it would get through procurement to be honest. Also we mostly render mermaid in confluence documents with a macro that renders it from the source in the document. Not sure how that would relate to this pricing/auth model.

Not trying to throw any shade or dissuade you from trying to earn a living, just providing feedback.

jumpalongjimAug 12, 2026
Thanks. I haven't yet got to looking into Confluence. I used to use a Confluence plugin for Lucid charts and I guess something like that for Line9 would be useful if it gets much traction. I don't know whether the embedding options in the Pro account would display well in Confluence.

On pricing, I'm testing numbers at the moment so your feedback is valuable. Anyway, please do paste in your bad layouts - I'd love to hear what happens.

nylonstrungAug 12, 2026
https://frankorz.com/merman/ Here's a pretty solid Rust reimplementation of Mermaid btw
msmaghAug 12, 2026
japanuspusAug 12, 2026
Came here to post this. There is even a typst plugin for merman[0].

[0]: https://typst.app/universe/package/merman/

rdwrrrAug 12, 2026
I regret learning mermaid. The ecosystem is absolutely terrible.
romanhotsiyAug 12, 2026
It doesn't work with 4 of 5 diagrams from our codebase I tried randomly :(
jumpalongjimAug 12, 2026
Oh dear, sorry that didn't work out well for you. If you’re pasting flowcharts that don’t work then I really want to try to address them. Can you say what happened? Nothing rendered at all, or something you couldn’t use? If you’re able to send them to me directly they’re worth a lot as real diagrams to improve Line9 from.
albert_eAug 12, 2026
Tangent

What is the current standard for generating valid BPMN diagrams. Does Mermaid support the level of control needed for formal diagrams of this nature with possible L1/L2/L3 drill down, multiple swimlanes, etc.