Diagrams
Mermaid renders flowcharts, sequence diagrams, Gantt charts and more from plain text.
Live editor
Edit the text and the diagram redraws
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