How to connect two objects parallel side-by-side in a top-down diagram? D2 seems to put one above the other...

[HariSekhon]

My Playground code has two load balancers side-by-side:

but when I connect the two like lb1 -- lb2 to represent a parallel HA connection between the two, it puts one of the LBs above the other like this:

Any idea how I can keep the load balancers connected side-by-side?

[westmark]

I have a similar issue here

Would really like to force the outgoing arrow from source.system_integration to emerge on the right-hand side of the box, and enter the other box on the left side.

(Sidenote: D2 is awesome, so happy I found it!)

[HariSekhon]

It's not clear to me how to create something even as simply balanced as this:

[alixander]

sorry for the delay.

this actually is a limitation of dagre. mermaid-js/mermaid#3723

we've previously tried to shim this but it was not that robust: #1120

it should be possible in ELK (and TALA of course). Not sure how married to dagre you are @HariSekhon @westmark

we'll look into this again next sprint. hopefully come out with a solution this time.

[westmark]

@alixander Not married at all since I just started out. :) I tried ELK and ended up with this

It is not clear to me if and how we can modify ELK's layout configuration. Is there a way? I have no idea if it would help (and it would of course have a lock in effect) but I'd be happy to experiment

[HariSekhon]

I usually try switching to ELK temporarily for each diagrams to see how it renders but I find it often more blocky and less natural so usually end up going back to dagre as it looks better IMO...

I'll look at ELK again...