Feature Matrix
Last updated:
Which IDE features does Mermaid Studio ship for each Mermaid diagram type? This table is generated from the latest plugin release, so it always reflects what’s actually wired up. Click any diagram name for its dedicated page; switch to Full feature matrix to see every feature column individually instead of category roll-ups.
The Maturity column counts the tracked capabilities a diagram type has, so you can spot the best-covered types at a glance. A higher count means more capabilities, not deeper ones. The tracked set grows as the plugin gains capabilities, and a muted n/a cell marks a feature that doesn’t apply to a type and is not included in its count.
| Diagram | Maturity | Editing | Code Intelligence | Validation | Refactoring | Navigation & Docs | Appearance |
|---|---|---|---|---|---|---|---|
| Architecture | 17/23 | 5/7 | 5/7 | 1/2 | 2/2 | 3/4 | 1/1 |
| Block | 19/24 | 6/7 | 6/8 | 1/2 | 2/2 | 3/4 | 1/1 |
| C4 | 21/24 | 7/7 | 7/8 | 1/2 | 2/2 | 4/4 | 0/1 |
| Class | 22/24 | 7/7 | 8/8 | 1/2 | 2/2 | 3/4 | 1/1 |
| Cynefin | 14/24 | 6/7 | 5/8 | 2/2 | 0/2 | 0/4 | 1/1 |
| Entity Relationship | 20/24 | 7/7 | 6/8 | 1/2 | 2/2 | 3/4 | 1/1 |
| Event Modeling | 12/23 | 5/7 | 4/7 | 0/2 | 2/2 | 0/4 | 1/1 |
| Flowchart | 20/24 | 6/7 | 7/8 | 1/2 | 2/2 | 3/4 | 1/1 |
| Gantt | 14/23 | 5/7 | 6/7 | 1/2 | 1/2 | 0/4 | 1/1 |
| Git Graph | 16/23 | 5/7 | 5/7 | 1/2 | 2/2 | 2/4 | 1/1 |
| Ishikawa | 12/18 | 3/5 | 5/7 | 1/2 | 0/0 | 2/3 | 1/1 |
| Journey | 10/22 | 3/6 | 4/7 | 0/2 | 2/2 | 0/4 | 1/1 |
| Kanban | 13/23 | 6/7 | 4/7 | 1/2 | 1/2 | 0/4 | 1/1 |
| Mindmap | 14/23 | 5/7 | 4/7 | 1/2 | 1/2 | 2/4 | 1/1 |
| Packet | 7/18 | 2/7 | 4/7 | 0/2 | 0/0 | 0/1 | 1/1 |
| Pie Chart | 9/19 | 2/7 | 5/7 | 1/2 | 0/1 | 0/1 | 1/1 |
| Quadrant | 12/23 | 2/7 | 5/8 | 1/2 | 2/2 | 1/3 | 1/1 |
| Radar | 10/20 | 4/7 | 4/7 | 0/2 | 1/2 | 0/1 | 1/1 |
| Railroad | 8/23 | 4/7 | 3/7 | 0/2 | 0/2 | 0/4 | 1/1 |
| Railroad (ABNF) | 8/23 | 4/7 | 3/7 | 0/2 | 0/2 | 0/4 | 1/1 |
| Railroad (EBNF) | 12/23 | 4/7 | 5/7 | 0/2 | 2/2 | 0/4 | 1/1 |
| Railroad (PEG) | 8/23 | 4/7 | 3/7 | 0/2 | 0/2 | 0/4 | 1/1 |
| Requirement | 20/24 | 7/7 | 6/8 | 1/2 | 2/2 | 3/4 | 1/1 |
| Sankey | 10/22 | 1/7 | 5/7 | 1/2 | 2/2 | 0/3 | 1/1 |
| Sequence | 17/24 | 7/7 | 6/8 | 1/2 | 1/2 | 1/4 | 1/1 |
| State | 19/24 | 7/7 | 7/8 | 1/2 | 2/2 | 1/4 | 1/1 |
| Swimlane | 20/24 | 6/7 | 7/8 | 1/2 | 2/2 | 3/4 | 1/1 |
| Timeline | 10/19 | 4/6 | 5/7 | 0/2 | 0/0 | 0/3 | 1/1 |
| Treemap | 19/24 | 6/7 | 6/8 | 1/2 | 2/2 | 3/4 | 1/1 |
| TreeView | 11/23 | 4/7 | 5/7 | 1/2 | 0/2 | 0/4 | 1/1 |
| Venn | 14/24 | 4/7 | 6/8 | 1/2 | 0/2 | 2/4 | 1/1 |
| Wardley Map | 9/23 | 4/7 | 4/7 | 0/2 | 0/2 | 0/4 | 1/1 |
| XY Chart | 11/18 | 4/7 | 5/7 | 1/2 | 0/0 | 0/1 | 1/1 |
| Diagram | Maturity | Editing | Code Intelligence | Validation | Refactoring | Navigation & Docs | Appearance | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Folding | Brace Matching | Commenter | Quote Handler | Formatter | Enter Handler | Live Templates | Syntax Highlighting | Semantic Highlighting | Annotators | Completions | Frontmatter Completions | Color Provider | Color Settings | Inlay Hints | Inspections | Spellchecking | Rename/Refactor | Find Usages | Code Vision | Navbar | Documentation | Structure View | Custom Themes | ||
| Architecture | 17/23 | — | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | n/a | — | — | ✓ | — | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ |
| Block | 19/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ |
| C4 | 21/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — |
| Class | 22/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ |
| Cynefin | 14/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | — | — | — | ✓ | ✓ | — | — | — | — | — | — | ✓ |
| Entity Relationship | 20/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ |
| Event Modeling | 12/23 | ✓ | ✓ | ✓ | — | ✓ | ✓ | — | ✓ | ✓ | ✓ | — | ✓ | n/a | — | — | — | — | ✓ | ✓ | — | — | — | — | ✓ |
| Flowchart | 20/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | — | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ |
| Gantt | 14/23 | ✓ | — | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | n/a | — | ✓ | ✓ | — | ✓ | — | — | — | — | — | ✓ |
| Git Graph | 16/23 | ✓ | — | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | n/a | — | — | ✓ | — | ✓ | ✓ | — | ✓ | — | ✓ | ✓ |
| Ishikawa | 12/18 | ✓ | n/a | ✓ | n/a | ✓ | — | — | ✓ | ✓ | ✓ | — | ✓ | n/a | ✓ | — | ✓ | — | n/a | n/a | n/a | ✓ | — | ✓ | ✓ |
| Journey | 10/22 | ✓ | — | ✓ | n/a | — | ✓ | — | ✓ | ✓ | — | ✓ | ✓ | n/a | — | — | — | — | ✓ | ✓ | — | — | — | — | ✓ |
| Kanban | 13/23 | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | n/a | — | — | ✓ | — | ✓ | — | — | — | — | — | ✓ |
| Mindmap | 14/23 | ✓ | ✓ | ✓ | — | ✓ | ✓ | — | ✓ | ✓ | ✓ | — | ✓ | n/a | — | — | ✓ | — | ✓ | — | — | ✓ | — | ✓ | ✓ |
| Packet | 7/18 | — | — | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | — | ✓ | n/a | — | — | — | — | n/a | n/a | n/a | n/a | — | n/a | ✓ |
| Pie Chart | 9/19 | — | — | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | n/a | — | — | ✓ | — | — | n/a | n/a | n/a | — | n/a | ✓ |
| Quadrant | 12/23 | — | — | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | — | ✓ | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | n/a | — | — | ✓ |
| Radar | 10/20 | ✓ | ✓ | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | — | ✓ | n/a | — | — | — | — | ✓ | — | n/a | n/a | — | n/a | ✓ |
| Railroad | 8/23 | ✓ | ✓ | ✓ | ✓ | — | — | — | ✓ | — | — | — | ✓ | n/a | ✓ | — | — | — | — | — | — | — | — | — | ✓ |
| Railroad (ABNF) | 8/23 | ✓ | ✓ | ✓ | ✓ | — | — | — | ✓ | — | — | — | ✓ | n/a | ✓ | — | — | — | — | — | — | — | — | — | ✓ |
| Railroad (EBNF) | 12/23 | ✓ | ✓ | ✓ | ✓ | — | — | — | ✓ | ✓ | ✓ | — | ✓ | n/a | ✓ | — | — | — | ✓ | ✓ | — | — | — | — | ✓ |
| Railroad (PEG) | 8/23 | ✓ | ✓ | ✓ | ✓ | — | — | — | ✓ | — | — | — | ✓ | n/a | ✓ | — | — | — | — | — | — | — | — | — | ✓ |
| Requirement | 20/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ |
| Sankey | 10/22 | — | — | ✓ | — | — | — | — | ✓ | ✓ | ✓ | ✓ | ✓ | n/a | — | — | ✓ | — | ✓ | ✓ | — | n/a | — | — | ✓ |
| Sequence | 17/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | — | ✓ | — | ✓ | — | — | — | ✓ | — | ✓ |
| State | 19/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | — | ✓ | ✓ | ✓ | — | — | — | ✓ |
| Swimlane | 20/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | — | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ |
| Timeline | 10/19 | ✓ | — | ✓ | n/a | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | n/a | — | — | — | — | n/a | n/a | n/a | — | — | — | ✓ |
| Treemap | 19/24 | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | — | ✓ | — | ✓ | ✓ | ✓ | ✓ | — | ✓ | ✓ |
| TreeView | 11/23 | ✓ | — | ✓ | ✓ | — | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | n/a | — | — | ✓ | — | — | — | — | — | — | — | ✓ |
| Venn | 14/24 | ✓ | ✓ | ✓ | — | ✓ | — | — | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | — | — | ✓ | — | — | — | — | ✓ | — | ✓ | ✓ |
| Wardley Map | 9/23 | ✓ | ✓ | ✓ | ✓ | — | — | — | ✓ | ✓ | ✓ | — | ✓ | n/a | — | — | — | — | — | — | — | — | — | — | ✓ |
| XY Chart | 11/18 | — | ✓ | ✓ | — | ✓ | ✓ | — | ✓ | ✓ | ✓ | ✓ | ✓ | n/a | — | — | ✓ | — | n/a | n/a | n/a | n/a | — | n/a | ✓ |
Visual editing
Section titled “Visual editing”Beyond editing source, Mermaid Studio lets you edit many diagrams directly in the rendered preview: move nodes, add elements, retarget edges, and restyle the selected element in the Style Pane. This table tracks those visual editing capabilities for each diagram type.
| Diagram | Click Navigation | Inline Edit | Node Move | Add Element | Edge Retarget | Group | Delete | Style Pane |
|---|---|---|---|---|---|---|---|---|
| Flowchart | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
| Swimlane | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
| Class | ✓ | ✓ | — | — | — | — | ✓ | ✓ |
| State | ✓ | — | — | — | — | — | ✓ | — |
| Architecture | ✓ | — | — | — | — | — | — | — |
| Block | ✓ | — | — | — | — | — | — | — |
| Entity Relationship | ✓ | — | — | — | — | — | — | — |
| Mindmap | ✓ | — | — | — | — | — | — | — |
| Requirement | ✓ | — | — | — | — | — | — | — |
| Sequence | ✓ | — | — | — | — | — | — | — |