Feature Request: Support for Layout Configuration in Mindmaps

[joisun]

Proposal

Hello Mermaid.js team,

I'm a regular user of mermaid.js, particularly for creating mindmaps. While the current mindmap functionality is useful, I've noticed that the lack of layout configuration options often results in cluttered and disorganized diagrams, especially for more complex mindmaps.

Feature request:
Add support for layout configuration in mindmaps.

Current problem:

• Default layout can be chaotic for mindmaps with multiple levels and many nodes
• No way to control spacing, alignment, or overall structure
• Complex mindmaps become difficult to read and understand, especially in some language
• Visually it looks chaotic

for example:

Suggested improvements:

1. Add options to specify overall layout direction (e.g., top-down, left-right, radial)
2. Add options to specify layout type in common

Benefits:

• Improved readability and clarity of mindmaps
• Greater flexibility for users to create well-organized, visually appealing diagrams
• Enhanced usability for complex, multi-level mindmaps

I believe this feature would greatly enhance the mindmap functionality and make mermaid.js an even more powerful tool for visualizing information.

Thank you for considering this request.

Use Cases

No response

Screenshots

No response

Syntax

1. current default

---
[type: radial(which is the default type)]
---

2.Tree

---
type: tree
direction:TB|BT|LR|RL          # LR|RL for Hierarchical tree, and TB|BT for vertical
---

3.......so on other common layout type

the xmind could be a good reference

Implementation

None

[knsv]

Sounds great!

We have just added an option for flowcharts, where you can configure the diagram about which algorithm to use. We should/could use the same setup here!

[rstockm]

I would SO love to see this happen. We use mermaid in our intranet forum, and a more "professional" looking mindmap layout would be awesome.

[luizzzvictor]

Please! T.T Waiting forward for this!