Last Updated: 3/9/2026

Warning

THIS IS AN AUTOGENERATED FILE. DO NOT EDIT.

Please edit the corresponding file in /packages/mermaid/src/docs/config/layouts.md.

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:

---
config:
  layout: elk
---
graph TD;
  A-->B;
  B-->C;