Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Request: Support for Layout Configuration in Mindmaps #5653

Open
joisun opened this issue Jul 19, 2024 · 4 comments
Open

Feature Request: Support for Layout Configuration in Mindmaps #5653

joisun opened this issue Jul 19, 2024 · 4 comments
Labels
Status: Triage Needs to be verified, categorized, etc Type: Enhancement New feature or request Type: New Diagram

Comments

@joisun
Copy link

joisun commented Jul 19, 2024

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:
image

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
image

Implementation

None

@joisun joisun added Status: Triage Needs to be verified, categorized, etc Type: Enhancement New feature or request Type: New Diagram labels Jul 19, 2024
@knsv
Copy link
Collaborator

knsv commented Aug 26, 2024

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
Copy link

rstockm commented Sep 19, 2024

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
Copy link

Please! T.T Waiting forward for this!

@adfnekc
Copy link

adfnekc commented Dec 25, 2024

This will be a great feature, and the professional mind map style is exactly what I need.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Triage Needs to be verified, categorized, etc Type: Enhancement New feature or request Type: New Diagram
Projects
None yet
Development

No branches or pull requests

5 participants