Mermaid diagrams viewer not rendering

Question

Hi all! My workspace admin installed Mermaid diagrams viewer. When I add Mermaid code in a code block, the diagram isn't rendered on the page.

I tried the following to resolve the issue, but nothing worked

* Hard refresh on the page
* Closed Chrome
* Logged off from account
* Start a new page

Anyone else experienced this? If so, how did you resolve it?

Simon_NGPILOT_ · Answer

Hi  @Sandrine Bédard ,

The issue might be how you're using the app. The "Mermaid diagrams viewer" app typically requires you to use its specific macro (type `/mermaid` in the editor), not the standard Code Block macro.

If you're still having trouble or want a different approach, there are alternative Mermaid apps on the marketplace:

Mermaid plus for Confluence — Write Mermaid syntax with a live preview panel, so you can see your diagram render in real-time as you type. Also includes one-click templates for common diagram types:

https://marketplace.atlassian.com/apps/1236814/mermaid-plus-for-confluence

It supports all kinds of diagrams: Flowchart, Sequence, Class, State, ER, User Journey, Gantt, Pie, Git Graph, Mindmap, Timeline, Requirement, C4, Quadrant, Sankey, XY, Block, Packet, Kanban, Architecture, Radar,TreeView, Treemap, Ishikawa, Venn, ZenUML.

— Simon from NGPILOT

Daniel Hreben · Answer

Hi @Sandrine Bédard

I'm the app developer. Another person recently had a similar issue and notified me here.

Please check out the demo I attached in there, I hope it helps. Also, for future assist, please raise support tickets using "Submit support button" here, otherwise I will not be able to help.

Igor Medeiros - Modus Create · Answer

Hi @Sandrine Bédard

I'm not sure if you were able to find a solution for this problem yet, however, I'd like to suggest you to take a look at our app:

Diagram Git Markdown HTML PlantUML Mermaid LaTeX Swagger UML

It supports Mermaid diagrams and many other diagram languages, we also offer dedicated support.

Feel free to reach out!