Back to tools

Mermaid Chart

Create and render diagrams using Mermaid syntax

Mermaid Chart Generator

Create diagrams and flowcharts with Mermaid syntax

Mermaid Syntax Guide

Mermaid is a simple markdown-like script language for generating charts from text.

Select a diagram type from the dropdown above to see an example, or check the official documentation for more details.

Basic Syntax Tips:

  • Use --> for arrows in flowcharts
  • Use ->> for solid arrows in sequence diagrams
  • Use -->> for dotted arrows
  • Use brackets like [Square], (Round), {Curly} for different node shapes
  • Add styling with style statements