HomeDiagramsCustom Node Shape
Tag

Custom Node Shape

A node drawn as something other than a plain rectangle or rounded box — a stadium, circle, hexagon, cylinder, subroutine, or trapezoid — for when a shape itself should carry meaning.

12 examples across every diagram type

Read more in the Mermaid docs →
Flowchart, Zombie Mermaid Rectangle Rounded Diamond Stadium Circle
FlowchartOriginal Node Shapes
Flowchart, Zombie Mermaid Subroutine Double Circle Hexagon
FlowchartSubroutine and Hexagon Shapes
Flowchart, Zombie Mermaid Database Flag Shape Wider Bottom Wider Top
FlowchartCylinder and Trapezoid Shapes
Flowchart, Zombie Mermaid Rectangle Rounded Diamond Stadium Circle Subroutine Double Circle Hexagon Database Flag Trapezoid Inverse Trap
FlowchartTwelve Core Flowchart Shapes
Flowchart, Zombie Mermaid CI Pipeline No Yes No Yes Deploy Staging Build Image Tests Pass? QA Approved? Production Push Code Fix & Retry
FlowchartCI/CD Pipeline
Flowchart, Zombie Mermaid Client Layer Service Layer Data Layer Auth DB Auth Service Web App User DB API Gateway User Service Mobile App Order DB Order Service Message Queue
FlowchartSystem Architecture
Flowchart, Zombie Mermaid Yes No Yes No Yes No Is it raining? Have umbrella? Go outside Go with umbrella Is it heavy? Stay inside Run for it
FlowchartDecision Tree
Flowchart, Zombie Mermaid L6rc9iw 9B531Zk
FlowchartReciprocal and Duplicate Edges RL
Flowchart, Zombie Mermaid 000A gSQ21Q C OkfK Q552S
FlowchartDecision Self-Loop with Duplicate Edges
Flowchart, Zombie Mermaid yes no Read Input Valid? Write Output Ask Again
FlowchartParallelogram Shapes (LR)
Flowchart, Zombie Mermaid yes no Read Input Valid? Write Output Ask Again
FlowchartParallelogram Shapes (RL)
Flowchart, Zombie Mermaid yes no Read Input Valid? Write Output Ask Again
FlowchartParallelogram Shapes (BT)