Layouts

This page lists the available layout algorithms supported in Mermaid diagrams.

Supported Layouts

• elk: ELK (Eclipse Layout Kernel)
• tidy-tree: Tidy tree layout for hierarchical diagrams Tidy Tree Configuration
• cose-bilkent: Cose Bilkent layout for force-directed graphs
• dagre: Dagre layout for layered graphs

How to Use

You can specify the layout in your diagram's YAML config or initialization options. For example:

Code:

Ctrl + Enter|