Skip to main content

Diagrams

Mermaid renders flowcharts, sequence diagrams, Gantt charts and more from plain text.

Live editor

Edit the text and the diagram redraws
mermaid 11.4.1

Output

Deployment pipeline

Flowchart with styled nodes

Checkout sequence

Who calls whom, in order

Release plan

A Gantt chart written as eight lines of text

Subscription states

State diagram with transitions

Plan mix

Mermaid also draws simple pies