Mermaid

Mermaid Diagrams lets you create flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, Gantt charts, pie charts and user journeys using plain text—right inside Confluence.

Why teams like it:

• Text-based. Diagrams are defined in Mermaid.js syntax, so they're fast to write and even faster to edit.
• Live preview. See exactly what you'll get before you save, with clear error messages if something doesn't parse.
• Starter templates. Flowchart, sequence, class, state, ER, Gantt, pie, and user journey examples get you going in seconds.
• Looks native. Automatically matches Confluence's light and dark themes.
• Private by design. Diagrams render entirely in your browser — nothing is sent to a third-party server.

Use cases:

• Data models (ER diagrams)
• API and sequence flows
• Architecture and system diagrams
• Onboarding and process docs
• Sprint and project timelines

Need help or want to give feedback? Please contact us via support portal or send us email at 💌 support@narva.net