Cascadia renders Mermaid directly, with no conversion step, so each diagram type works as the Mermaid documentation describes it. Every supported type has a starter template in New from Template…, and exports to SVG, PNG and Visio.
Supported types
| Type | First line | Edit in the preview |
|---|---|---|
| Flowchart | flowchart or graph |
Yes |
| Sequence | sequenceDiagram |
Yes |
| Class | classDiagram |
Yes |
| State | stateDiagram-v2 |
No |
| Entity relationship | erDiagram |
Yes |
| Gantt | gantt |
No |
| Pie | pie |
No |
| Mindmap | mindmap |
No |
| User journey | journey |
No |
| Git graph | gitGraph |
No |
| Quadrant chart | quadrantChart |
No |
| XY chart | xychart-beta |
No |
| Requirement | requirementDiagram |
No |
| C4 | C4Context, C4Container, C4Component, C4Dynamic or C4Deployment |
No |
| Timeline | timeline |
No |
| Sankey | sankey-beta |
No |
| Block | block-beta |
No |
| Packet | packet-beta |
No |
| Kanban | kanban |
No |
| Architecture | architecture-beta |
No |
| Radar | radar-beta |
No |
| Treemap | treemap-beta |
No |
| Venn | venn-beta |
No |
Edit in the preview means you can drag from one box to another to connect them, and rename a label drawn as text by double-clicking it. In sequence diagrams you can also drag the end of a message to another participant. In every type, clicking a label drawn as text selects the line that drew it.
The architecture template uses Mermaid’s built-in icons only.
Not supported
ZenUML (zenuml) needs a separate Mermaid plugin that Cascadia does not load, so a ZenUML
diagram does not render. Write the same flow as a sequenceDiagram.
Mermaid also recognises newer experimental types, such as ishikawa, wardley-beta and the
railroad diagrams. They may render, but they have no template and are not tested in Cascadia.