marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-11 19:39:43 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
88ae8d1f2bc01eb7b64429bb4888fa1a8a23a2ed
mermaid/docs/config/tidy-tree.md
darshanr0107 869709a75f docs: updated tidy-tree docs 
on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>
2025-08-28 19:36:31 +05:30

1.3 KiB
Raw Blame History

Warning

THIS IS AN AUTOGENERATED FILE. DO NOT EDIT.

Please edit the corresponding file in /packages/mermaid/src/docs/config/tidy-tree.md.

Tidy-tree Layout

The tidy-tree layout arranges nodes in a hierarchical, tree-like structure. It is especially useful for diagrams where parent-child relationships are important, such as mindmaps.

Features

  • Organizes nodes in a tidy, non-overlapping tree
  • Ideal for mindmaps and hierarchical data
  • Automatically adjusts spacing for readability

Example Usage

---
config:
  layout: tidy-tree
---
mindmap
root((mindmap is a long thing))
  A
  B
  C
  D

 ---
      config:
        layout: tidy-tree
      ---
      mindmap
      root((mindmap))
        Origins
          Long history
          ::icon(fa fa-book)
          Popularisation
            British popular psychology author Tony Buzan
        Research
          On effectiveness&lt;br/>and features
          On Automatic creation
            Uses
                Creative techniques
                Strategic planning
                Argument mapping
        Tools
              id)I am a cloud(
                  id))I am a bang((
                    Tools

Note

  • Currently, tidy-tree is primarily supported for mindmap diagrams.