Flowchart Node Shapes (v11.3)
Showcase of 20+ named node shapes added in Mermaid 11.3 — manual-file, paper-tape, win-pane, brace, multi-doc, summary, hourglass, more.
Rendering…
Make it your own.
flowchart LR
A@{ shape: manual-file, label: "Manual file" }
B@{ shape: paper-tape, label: "Paper tape" }
C@{ shape: win-pane, label: "Internal storage" }
D@{ shape: lin-doc, label: "Lined document" }
E@{ shape: docs, label: "Multi-document" }
F@{ shape: st-rect, label: "Stacked process" }
G@{ shape: cross-circ, label: "Summary" }
H@{ shape: hourglass, label: "Collate" }
I@{ shape: brace, label: "Comment" }
J@{ shape: tag-doc, label: "Tagged doc" }
K@{ shape: bow-rect, label: "Stored data" }
L@{ shape: bolt, label: "Com-link" }
A --> B --> C --> D
E --> F --> G --> H
I --> J --> K --> L