Mermaid https://github.com/mermaid-js/mermaid can generate flow charts from markdown, It’s used on Gitlab and Azure DevOps wiki, and I’ve found it very useful for creaiting straighforward flowcharts

This would absolutely be extremely useful

Mermaid would be so cool. especially if it could be used like the Latex pack. For example, imagine there were a formula like ReferencedBy that could show the user all the formulas that reference (depend on) this formula. Then you could pass that object into something like: FormatForMermaid and th…

I am glad to share that a Mermaid pack is coming :tada: Quick showcase → Mermaid pack for Coda - YouTube If you are interested in trying it out before general release please send me a private message with your Coda account email address and I will share it with you :slight_smile:

That’s so :fire::fire::fire: Would love to give it a shot.

And now anyone can install and use the Mermaid Pack :tada: [image] Coda | Mermaid Create complex diagrams and beautiful flowcharts easily.

Thank you so much for your pack. It’s awesome. I am running into a little bit of a problem tho, as the chart that I am trying to create have reached the character limit, and Mermaid refuses to render. Is there a workaround?

I am glad you like it @Pak_H_Chau ! Yes it is a current limitation but working with a solution as we speak, one thing you can do depending on the type of chart you are creating is to split it in two. For example if it is a flowchart you can do one half of the chart, and in a new formula the other h…

I don’t think that would work particularly well, based on my current requirements, but still grateful that you released the pack, and is actively working on the solution to this bottleneck. Obviously would love to have great news from you soon.

@Pak_H_Chau I was able to increase the limit in more than 3x, I will continue working on finding the best way to completely remove it :slight_smile: Let me know how it goes!

Mermaid Markdown Flow chart support

Product Feedback

Krishna_Chaitanya June 9, 2020, 8:53am 2

This would be a great feature add. Could be a part of Code Block Syntax Highlighting too.

Topic		Replies	Views
How to create a flow chart?	11	5824	March 30, 2022
Big upgrade to the Mermaid Pack, all charts and diagrams supported!	4	488	March 16, 2025
Mermaid Pack - newline	5	1803	July 29, 2023
Mind map (tree chart) implementation (!) Doc Show and Tell	59	20808	February 13, 2025
Mermaid Pack support for Font Awesome icons	3	1918	July 27, 2023

Mermaid Markdown Flow chart support

Related topics