Problem:
Reactflow uses Dagre library for layouting.
Dagre optimizes node positions. An edges then just connect two nodes, but is free to choose a path.
Currently we use default Elbow connectors for edges, they have a maximum of 4 right angles.
This creates a lot of intersections with nodes and edges.
Proposal:
After dagre has layouted the nodes, run an additional algorithm to layout edges and introduce a path with optimized "waypoints" to edges.
Problem: Reactflow uses Dagre library for layouting. Dagre optimizes node positions. An edges then just connect two nodes, but is free to choose a path. Currently we use default Elbow connectors for edges, they have a maximum of 4 right angles. This creates a lot of intersections with nodes and edges.
Proposal: After dagre has layouted the nodes, run an additional algorithm to layout edges and introduce a path with optimized "waypoints" to edges.
Elbow connectors:![image](https://github.com/smart-data-lake/sdl-visualization/assets/13715754/a02e66ff-5f2e-4b4a-975b-13684802dafa)