HN Explorer

Show HN: Free Mermaid Diagram Editor (moxiedocs.com)

2 points by ghosts_ ↗ HN
I've been slowly adding some new free tools to Moxie Docs (partly for SEO, partly to illustrate some of our feature sets before any commitment) for some reason this mermaid editor one blew up on Google rankings so I figured I'd share in case people find it useful! We also have ADR, AGENTS.md, LLMs, and a few other free tools.

14 comments

[ 643 ms ] story [ 1100 ms ] thread
nonethewiser
Probably because the official editor sucks after paywalling features and steering you into signing up.
BLKNSLVR
Handy.

I've been (very loosely) trying to get AI to generate diagrams for a while, and even Copilot can't get Visio's file format correct enough to allow Visio to open it successfully.

This is a nice clean interface I can just paste attempts into. Thank you!

keithnz
just get ai to generate mermaid, it's super competent at doing it, you don't really need any other tools.
user3939382
I’ve found that it can do it, but the aesthetics of the diagrams it generates are awful. I end up going back to manual Omnigraffle.

There is an art to designing the human to human communication aspect of diagrams that transcends which lines connect where.

ghosts_
Yeah the main product I'm working on (Moxie Docs) has AI generation of mermaid diagrams, I find that it works __well enough__ but I needed some strong guardrails, quality checks, and templating to make sure it doesn't generate broken diagrams (or useless ones). First few iterations it would create a diagram for everything and it was a bit zealous on when it decided diagrams would be useful.
hackthemack
Question for mermaid users out there. I have not used mermaid more than just superficially looking at it but it looks to me like a re-implementation of graphviz? Which has been around forever. Is there something it does that makes it more appealing?

I am not knocking this Free Mermaid Diagram Editor either. Seems decent. But, similarly, edotor has been around forever.

https://edotor.net/

stronglikedan
Mermaid has become the de facto charting language when working with AI, so it has been elevated to the chosen one, like Python.
qn9n
It also renders on GitHub in markdown files with ```mermaid``` code blocks so it's super useful for adding architecture diagrams and similar to your README
dTal
It does more types of charts, including Gantt charts. Very useful.
hackthemack
Thank you. I went and looked at what else it could do and it does have a much larger feature set.
rdwrrr
Thanks for dropping this here. I have been frustrated for quite some time. I blindly followed the advice to learn some mermaid. Then I discovered that the ecosystem absolutely sucks.
k1r111
The only problem with mermaid that GitHub UI renders it poorly. Large diagrams very difficult to view. Any solution for that?