search

mermaid-js / mermaid-live-editor

Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
https://mermaid.live
MIT License
4.29k stars 655 forks source link

drag blocks after generation #1507

Open y-nk opened 3 months ago

y-nk commented 3 months ago

Is your feature request related to a problem? Please describe. I've generated a graph which is quite messy and does not render well. I understand mermaid is supposed to be statically rendering, but i'd like to be able to move the blocks a little to understand it better.

Describe the solution you'd like The capability to drag the blocks after rendering. It should be stateless and any change of the graph which requires layout re-rendering would erase the modifications.

Describe alternatives you've considered Build my own renderer, lol.

Additional context I'm feeling this will be closed.

y-nk commented 3 months ago
image

redacted example, area which renders not well is circled in blue.

sidharthv96 commented 3 months ago

Hi @y-nk, large graphs get unruly with dagre. Can you try using flowchart-elk? Regarding dragging, it's not supported currently. But, we are working on a custom renderer in MermaidChart.com that would help drag nodes around.

y-nk commented 3 months ago

hi @sidharthv96 ! I didn't know about this but i'll try, thanks a lot for the nice recommendations. if ever the custom renderer lands, i hope i could help to make that drag happen 🙏