Improve layout on state diagrams so that it tries harder not to cross lines.

Is your feature request related to a problem? Please describe. The layout for state diagrams could be better. Sometimes lines cross when there’s an obvious solution not to. For example, this

stateDiagram-v2
    New --> Ready
    Ready --> Done
    Ready --> Error
    Ready --> Cancel
    Done --> Ready
    Error --> Cancel
    Error --> Ready
    New --> Hold
    Hold --> Ready
    Ready --> Hold
            

Generates this state diagram :

Describe the solution you’d like I’d like the state diagram layout to try harder not to cross lines. See this solution for the above example :

Describe alternatives you’ve considered I’ve tried changing the lines order in the diagram script.

Additional context None.

[sidharthv96]

Don’t worry, already transferred! 😄 Live editor only displays the diagrams rendered by this core mermaid product. So nothing we can do about it in that project.

[mrm-david]

@ksze Unfortunately I’ve been too busy with work to give it more thought yet.