high marten
Hi,
I have a problem and wanted to find out if someone has a clever solution to it.
When layouting I want to avoid overlapping (fully hidden) edges like here in the screenshot.
One way is to slightly move the nodes, but I don't want this (only a hack for me). Any experience with this? Should be pretty standard, right?
latent remnant
along my experiences,
You might need to work with custom edge. or work with elkjs layouting the nodes.
https://mindmapflow.vercel.app/
Look out this example.
high marten
Nope. does not solve it for me: One can still put the nodes in same x and have the edges overlap
latent remnant
Can you explore the elkjs. this might help you.
high marten
here the slight bend in the end is a minor improvement
We are using elk, dagre and cytoscape layuots
the layouting is only part of the solution
searching more for a solution like here:
can i somehow shift the connecting position of a node programmatically (more nuanced than just left/right/top/bottom)?
latent remnant
can i somehow shift the connecting position of a node programmatically (more nua...
you might need to work with multiple handles for that.
high marten
interesting. from this component: https://reactflow.dev/api-reference/components/handle
?