Overview

edit

Diagram	Type	Mermaid keyword
Flowchart	FlowchartDiagram	`flowchart`, `graph`
Swimlanes	FlowchartDiagram with Swimlanes	`swimlane-beta`
Class diagram	ClassDiagram	`classDiagram`, `classDiagram-v2`
State diagram	StateDiagram	`stateDiagram`, `stateDiagram-v2`
Entity relationship diagram	ErDiagram	`erDiagram`
Requirement diagram	RequirementDiagram	`requirementDiagram`
Use case diagram	UseCaseDiagram	`usecase-beta`
C4 diagram	C4Diagram	`C4Context`, `C4Container`, `C4Component`, `C4Dynamic`, `C4Deployment`
Block diagram	BlockDiagram	`block`, `block-beta`
Architecture diagram	ArchitectureDiagram	`architecture-beta`
Sequence diagram	SequenceDiagram	`sequenceDiagram`
Gantt diagram	GanttDiagram	`gantt`
Timeline	TimelineDiagram	`timeline`
Git graph	GitGraphDiagram	`gitGraph`
Kanban diagram	KanbanDiagram	`kanban`
Packet diagram	PacketDiagram	`packet`, `packet-beta`
User journey	UserJourneyDiagram	`journey`
Event modeling	EventModelingDiagram	`eventmodeling`
Railroad diagram	RailroadDiagram	`railroad-beta`, `railroad-ebnf-beta`, `railroad-abnf-beta`, `railroad-peg-beta`
Mindmap	MindmapDiagram	`mindmap`
Tree view	TreeViewDiagram	`treeView-beta`
Ishikawa diagram	IshikawaDiagram	`ishikawa-beta`, `ishikawa`
Venn diagram	VennDiagram	`venn-beta`
Wardley map	WardleyDiagram	`wardley-beta`
Cynefin diagram	CynefinDiagram	`cynefin-beta`

Every diagram derives from Diagram, which gives it a Title, an accessible Description, a Theme and the SVG output.

The charts of Mermaid (pie, XY, quadrant, sankey, radar charts and treemaps) are drawn with Meziantou.Framework.Charts by the Meziantou.Framework.Mermaid package: see Mermaid charts.