Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Mermaid ASCII Diagrams

mermaid-ascii.art

Post reply on HN
Print view View original

41–50 of 54 posts

Re: Show HN: Mermaid ASCII Diagrams

#42

Post by Myrmornis »

smusamashah wrote: post #38
virtualritz wrote: post #20

This obviously needs a direct pipe into Svgbob! https://ivanceras.github.io/svgbob-editor/

There are not many other ascii diagramming tools (ascii to diagram) Typogram https://code.sgo.to/typograms/#installation Markdeep https://casual-effects.com/markdeep/ svg bob editors https://ivanceras.github.io/bob-editor/ https://mbarkhau.github.io/asciigrid/ Ditaa https://ditaa.sourceforge.net/ Goat https://github.com/blampe/goat Protocol https://www.luismg.com/protocol/ (dsl to ascii) https://diagon.arthursonzogni…

https://d2lang.com/ is really nice.

Also I used to use https://swimlanes.io/ before d2.

Re: Show HN: Mermaid ASCII Diagrams

#44

Post by AlexanderGrooff »

Lorak_ wrote: post #41

Are you planning to support more of mermaids features? I tried one example where this could be useful to me - Mermaids gitGraph - and it looks like it's not supported.

Yes, over the course of time I want to increase the coverage of the Mermaid syntax.

PS: it's open source so feel free to help out ;) https://github.com/AlexanderGrooff/mermaid-ascii

Re: Show HN: Mermaid ASCII Diagrams

#45

Post by ithkuil »

Is there something that can turn those ascii diagrams back into mermaid sources?

I tried the first example with gpt-o1 and the result wasn't bad:

    graph LR
    A --> B --> D
    A --> C
    B --> C
    D --> C
would a smaller model but fine tuned on many syntetic renderings do a better job?

Re: Show HN: Mermaid ASCII Diagrams

#46

Post by comebhack »

I have been using Monodraw for a long time: https://monodraw.helftone.com/

It's a macOS app and I've found it great. However if given an ASCII diagram, you cannot edit it with the same ease as creating a new one (e.g. reflowing text or resizing boxes).

I really like the idea of having the mermaid source and the ASCII diagram together, so you could use the source to change the diagram if needed. But I feel that would feel cluttered to have both in a plain text file or comment, where ASCII diagrams shine.

Re: Show HN: Mermaid ASCII Diagrams

#47

Post by prmoustache »

AlexanderGrooff wrote: post #40
prmoustache wrote: post #39

graph TD project is called Mermaid ASCII -->|expectation| It supports mermaidjs syntax It supports mermaidjs syntax -->|I tried| It doesn't It doesn't -->|conclusion| I am a bit bummed https://mermaid.js.org/syntax/examples.html

The example you post works just fine ;) On a serious note, yes not all syntax noted in the Mermaid docs work yet. I'm planning on adding more coverage of the Mermaid syntax over time. For now the basics work and (hopefully) shows its potential.

Yeah, first try I copy pasted the pie charts example wondering how it would render in ascii and was noooo

Re: Show HN: Mermaid ASCII Diagrams

#48

Post by jcgrillo »

ithkuil wrote: post #45

Is there something that can turn those ascii diagrams back into mermaid sources? I tried the first example with gpt-o1 and the result wasn't bad: graph LR A --> B --> D A --> C B --> C D --> C would a smaller model but fine tuned on many syntetic renderings do a better job?

It would be pretty cool to be able to draw a flowchart or graph on a tablet and have it automatically turned into mermaid source. That's exceptional compression.

Re: Show HN: Mermaid ASCII Diagrams

#49

Post by everybodyknows »

smusamashah wrote: post #38
virtualritz wrote: post #20

This obviously needs a direct pipe into Svgbob! https://ivanceras.github.io/svgbob-editor/

There are not many other ascii diagramming tools (ascii to diagram) Typogram https://code.sgo.to/typograms/#installation Markdeep https://casual-effects.com/markdeep/ svg bob editors https://ivanceras.github.io/bob-editor/ https://mbarkhau.github.io/asciigrid/ Ditaa https://ditaa.sourceforge.net/ Goat https://github.com/blampe/goat Protocol https://www.luismg.com/protocol/ (dsl to ascii) https://diagon.arthursonzogni…

Also,

https://pikchr.org/

Re: Show HN: Mermaid ASCII Diagrams

#50

Post by everybodyknows »

smusamashah wrote: post #38
virtualritz wrote: post #20

This obviously needs a direct pipe into Svgbob! https://ivanceras.github.io/svgbob-editor/

There are not many other ascii diagramming tools (ascii to diagram) Typogram https://code.sgo.to/typograms/#installation Markdeep https://casual-effects.com/markdeep/ svg bob editors https://ivanceras.github.io/bob-editor/ https://mbarkhau.github.io/asciigrid/ Ditaa https://ditaa.sourceforge.net/ Goat https://github.com/blampe/goat Protocol https://www.luismg.com/protocol/ (dsl to ascii) https://diagon.arthursonzogni…

There is another, related class of tools, and that is graphical editors of the Unicode box-drawing characters:

https://github.com/lewish/asciiflow

https://github.com/tbanel/uniline/

Or, less ergonomically, the general rectangle-editing commands built into more powerful code editors e.g. Emacs.

With these, simple but fairly pretty box+line+text diagrams can be inlined with your source code comments. This unification may help in the perennial struggle to keep software architecture and source code reality in sync.

Post reply on HN