How to prevent edge overlap

As much as I like mermaid - it often really handles edges in an erradic way. Often I have to go through try and error to find a configuration, where the edges don’t overlap. Maybe I am too dumb but I could not yet make heads or tails for what logic mermaid uses to layout graphs. Below is an example. Mermaid does a fine job except for overlapping edges (which I almost never want).

    graph TD
      linkStyle default interpolate basis
      dpc[DataPipeline Controller]
      pbc[Protobuf Controller]
      psc[Pseudonymization Controller]

      dpr((DataPipeline Resource))
      prrr((ProtobufPublic Resource))
      psr((Pseudonymization Resource))

      preg(Protobuf Registry)
      prbind(Protobuf Bindings)
      pinst(Pseudonymization Service)

      psc-->|spawns|pinst
      psc-->|reads|psr


      pbc-->|reads|prrr
      pbc-->|spawns|preg
      pbc-->|generates|prbind

      dpc-.->|creates|psr
      dpc-.->|creates|prrr
      dpc-->|reads|dpr

[knsv]

If we render using dagre + graphlib but not dagre-js we could expose more options layout to the synax. (https://github.com/dagrejs/dagre/wiki) Like ranker and align for instance.

[jgreywolf]

After discussion we have determined that this will be closed as “wont fix” at this time, due to the fact that the underlying libraries currently used do not support this