mermaid

59 readers
2 users here now

Mermaid.js, Mermaid Chart, etc.

founded 5 months ago
MODERATORS
1
 
 

You'll find:

  • Templates you can fork and make your own
  • Case studies showing how others solved real problems with diagrams
  • Before/after examples that show the power of "text to diagram"
2
 
 

But I'm disappointed to find out that it's just based on mermaid-ascii (and AI agents), rather than being something brand new.

Diagrams are essential for AI-assisted programming. When you're working with an AI coding assistant, being able to visualize data flows, state machines, and system architecture—directly in your terminal or chat interface—makes complex concepts instantly graspable.

The ASCII rendering engine is based on mermaid-ascii by Alexander Grooff. We ported it from Go to TypeScript and extended it. Thank you Alexander for the excellent foundation! (And inspiration that this was possible.)

3
4
5
 
 

As I am considering to use Mermaid to create diagrams for my thesis, I am looking into ways to make the diagrams more concise. I am not entirely sure whether that would look good, but I thought about using a smaller box padding i.e. distance between box lines and text.

Any ideas how one might be able to do that? Other ideas how we can make this less space consuming?

6