Flexible diagram

[sushmangupta]

Proposal

Is it possible to have have more flexible Mermaid flow charts created in mermaid.live ?

Use Cases

Say I tried to recreate a flowchart (as in image1). This Image1 looks more organized and easy to visualise, however the one created in mermaid.live looks very clumsy wherein the connecting lines are overlapping.
So I would request for the diagram preview pane to be more interactive for the user to pull the arrows or cards as desired.

Screenshots

Syntax

No response

Implementation

This is a proposal which I'd love to see built into mermaid by the wonderful community.

[huynhicode]

@sushmangupta You can try an Elk diagram.

I didn't fully recreate your diagram, but here is an example:

Something like this:

[sushmangupta]

Thanks for the quick response. This will be helpful.

[sushmangupta]

I still feel the necessity of flexibility to rearrange the elements in the diagrams. It would be good if this is put to reconsideration. For example, I would like to place repository at the beginning instead of "Shopware\B2B\Common\Controller\GridHelper"

[huynhicode]

Thanks for your feedback @sushmangupta! We will note this for consideration in our roadmap.