Mermaid syntax

Flowchart

Shapes

Nodes and shapes make up the building blocks of a flowchart. They are used to represent an action or decision in the process. While there are many different types of shapes, they can be grouped into four main categories: nodes, edges, subgraphs and groups.

Node

nodeId[This is a node]

Round corners

nodeId(This is a node with rounded corners)

Stadium

nodeId([This is a stadium shaped node])

Subroutine

nodeId[[This is subroutine shaped node]]

Database

nodeId[(This is a database shaped node)]

Circle

nodeId((This is a circle shaped node))

Asymmetric

nodeId>This is an asymmetric shaped node]

Decision

d1{This is a decision shaped node}

Hexagon

nodeId{{This is a hexagon shaped node}}

Parallelogram

nodeId[/This is a parallelogram shaped node/]

Parallelogram reversed

nodeId[\This is an reverse parallelogram shaped node\]

Trapezoid

A[/This is a trapezoid shaped node\]

Trapezoid reversed

A[\This is a reverse trapezoid shaped node/]

Double circle

nodeId(((This is a double circle shaped node)))