mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-09-14 21:09:50 +02:00
879 B
879 B
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;
---
config:
layout: elk
---
graph TD;
A-->B;
B-->C;