Every diagram, one scroll.
All 183 real examples across every zombie-mermaid diagram type, grouped by type. Click any diagram to open its own page.
54 examples
Flowchart
Simple Flow
Original Node Shapes
Subroutine and Hexagon Shapes
Cylinder and Trapezoid Shapes
Twelve Core Flowchart Shapes
All Edge Styles
No-Arrow Edges
Text-Embedded Labels
Bidirectional Arrows
Parallel Links (&)
Chained Edges
linkStyle: Color-Coded Edges
linkStyle: Default + Override
Direction: Left-Right (LR)
Direction: Bottom-Top (BT)
Subgraphs
Nested Subgraphs
Subgraph Direction Override
::: Class Shorthand
Inline Style Overrides
CI/CD Pipeline
System Architecture
Decision Tree
Git Branching Workflow
Labeled Fan-In (LR)
Direction: Right-Left (RL)
Nested Subgraphs (RL)
Nested Subgraphs (BT)
Edges Into and Out of Subgraphs
Vertical Edge Labels
Flowchart: CJK Labels
Flowchart: Three Parallel Edges (TD)
Flowchart: Three Parallel Edges Plus Reciprocal (TD)
Flowchart: Four Parallel Edges (TD)
Flowchart: Five Cluster Exit Siblings (TD)
Fan-Out Under Half-Column Parent
LR Fan-In With Bypass Edge
Duplicate Self-Loops
Reciprocal and Duplicate Edges RL
Decision Self-Loop with Duplicate Edges
LR Bypass Edge In A Chain
Flowchart: Five Parallel Edges (TD)
Flowchart: Five Parallel Edges with Reciprocals (LR)
Flowchart: Six Cluster Exit Siblings (TD)
Flowchart: Parallel Edges with Back Edges (TD)
Flowchart: Cluster Exit Siblings with No Other Exit (TD)
Flowchart: Nine Cluster Exit Siblings (TD)
Flowchart: Self-Loop with In and Out Neighbours (TD)
Flowchart: Self-Loop with In and Out Neighbours (LR)
Flowchart: Dense Duplicate Edges (TD)
Flowchart: Dense Duplicate Edges (LR)
Parallelogram Shapes (LR)
Parallelogram Shapes (RL)
Parallelogram Shapes (BT)
24 examples
Sequence diagram
Sequence: Basic Messages
Sequence: Participant Aliases
Sequence: Actor Stick Figures
Sequence: Arrow Types
Sequence: Activation Boxes
Sequence: Self-Messages
Sequence: Loop Block
Sequence: Alt/Else Block
Sequence: Opt Block
Sequence: Par Block
Sequence: Critical Block
Sequence: Notes (Right/Left/Over)
Sequence: OAuth 2.0 Flow
Sequence: Database Transaction
Sequence: Microservice Orchestration
Sequence: Self-Messages with Notes
Sequence: Alt/Else Long Label With Uninvolved Participant
Sequence: Create/Destroy Participants
Sequence: CJK Participants
Sequence: Span Labels Across Lifelines
Sequence: Participant Types
Sequence: Nested Blocks With Notes
Sequence: Long Block Tab And Divider Labels
Sequence: Multi-line Note In Block
29 examples
Class diagram
Class: Basic Class
Class: Visibility Markers
Class: Interface Annotation
Class: Abstract Annotation
Class: Enum Annotation
Class: Inheritance (<|--)
Class: Composition (*--)
Class: Aggregation
Class: Association (-->)
Class: Dependency (..>)
Class: Realization (..|>)
Class: All 6 Relationship Types
Class: Relationship Labels
Class: Design Pattern — Observer
Class: MVC Architecture
Class: Full Hierarchy
Class: Namespaces
Class: classDiagram-v2 Header
Class: Bidirectional Relationships
Class: Lollipop Interface
Class: Backtick Class Names
Class: Mixed Newly Accepted Syntax
Class: Relationship Cardinalities
Class: Cardinalities on Every Relationship Kind
Class: Cardinalities with Shared Ends
Class: Direction LR
Class: Direction BT
Class: Direction RL with Namespaces
Class: Two Namespaces with Cross Edges
20 examples
ER diagram
ER: Basic Relationship
ER: Entity with Attributes
ER: Attribute Keys (PK, FK, UK)
ER: Exactly One to Exactly One (||--||)
ER: Exactly One to Zero-or-Many
ER: Zero-or-One to One-or-Many
ER: One-or-More to Zero-or-Many
ER: All Cardinality Types
ER: Identifying (Solid) Relationship
ER: Non-Identifying (Dashed) Relationship
ER: Mixed Identifying & Non-Identifying
ER: E-Commerce Schema
ER: Blog Platform Schema
ER: School Management Schema
ER: Word-Form Cardinalities and .- / -. Lines
ER: Remaining Cardinality Spellings
ER: Multiple Keys per Attribute
ER: Style, classDef and Class
ER: Crossing Edges and Edge Labels
ER: Attribute Comments
3 examples
Architecture diagram
26 examples
Pie chart
Pie: Basic
Pie: showData
Pie: Many Slices
Pie: Tiny Slices
Pie: Single Slice
Pie: Dark Theme
Pie: Empty
Pie: Empty With Title
Pie: All Zero
Pie: Tall Legend
Pie: Wide Characters
Pie: Long Labels
Pie: showData Decimals
Pie: Two Even Slices
Pie: Accessibility Only
Pie: Label Edge Cases
Pie: Percentage Boundaries
Pie: Custom Accent
Pie: More Slices Than Bar Cells
Pie: Donut Hole
Pie: Text Position
Pie: Legend Left
Pie: Legend Top
Pie: Legend Bottom
Pie: Legend Center
Pie: Highlight Slice