Mermaid JS integration
Romain Ferron
Hi !
Markdown is really great to maintain a healthy knowledge base, but what's really missing to make docs perfect in ClickUP is Mermaid JS !
I use a lot of diagrams for team processes and have to export then embed html pages or copy image export to my docs, which is not the best to easily modify it.
If you guys could add some cdn in your code to render Mermaid that would be awesome 🙂
Thank you !
Log In
S
Seb Kalota
Please guys, can you just develop a simple plugin allowing /Mermaid -> paste the actual Mermaid Code such as:
flowchart TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[fa:fa-car Car]
Generate the diagram visually in Docs? Thanks. For System Architecture and Software related diagrams it's a must.
S
Seb Kalota
Forget my comment however, eventually /Markdown did work. Initially, the problem was after pasting the code from Mermaid live Editor (the one you request to paste starting:
The mermaid chart did not render. It is rendering now after a few attempts.
Still - it would be a huge benefit of having a simple /Mermaid command in docs where you can simply paste the code such as below:
flowchart TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[fa:fa-car Car]
Justification is that, those diagrams can become complex and you can get AI to build those diagrams based on actual codebase, in which instances you will have just the mermaid code itself, no mermaid live editor export code which is entirely different.
Dustin Moore
Having a whole blog post on how beneficial Mermaid is for visualization and then not natively supporting it is a crying shame: https://clickup.com/blog/mermaid-diagram-examples/ +1
R
Rhys Williams
+1 for mermaid support.
E
Eyal Dagi Avdor
Another request for Mermaid integration, it would be great if you can add it.
Joe Carroll
Even Microsoft Loop now has support for Mermaid! Please add it to ClickUp.
O
Oleksii Molozhanov
We have a number of Mermaid diagrams that we wanted to move from Notion to Clickup but without the Mermaid support, doing it by hand, it's impossible.
M
Mads Peter Jensen
I would also like this feature. Mermaid is a great tool. And I need it urgently.
A
Amelia
Mermaid is a JavaScript based diagramming and charting tool that takes Markdown-inspired text definitions and creates diagrams dynamically ...https://breakfast-menu.website/shoneys-breakfast-prices/
Seasu
Romain you can this : copy the markdown code then add it in to the doc
Seasu
We are using it on doc. Hope the ClickUp Team can make the process more smoothly~
André Goulart
Seasu you are the best!
I'm sharing your workaround with more people!
Jean-Baptiste Broguière
Seasu you definitely are the best, that is a really good workaround
Load More
→