enso-org / enso

Enso Analytics is a self-service data prep and analysis platform designed for data teams.
https://ensoanalytics.com
Apache License 2.0
7.39k stars 323 forks source link

Research perfect edge rendering around the output port #11623

Open vitvakatu opened 3 days ago

vitvakatu commented 3 days ago

We have a few issues with rendering edges coming out of the node.

One is introduced by #11582 for transparent visualizations:

image

Another one happens when the outcoming edge is dragged horizontally at some specific distance:

image

Finally, the need to preserve a clear gap between the node and the output port requires as to use SVG masks which causes significant performance drop for nodes with a lot of output connections:

https://github.com/user-attachments/assets/301ea720-c8f0-4df3-b416-9bc26addf871

We investigated an alternative approach – using clipPath instead of masks, but the performance is still insufficient (see internal discussion).


We should consider either:

  1. A design change (e.g. no gap between the output port and the node)
  2. Another technical solution for all these issues (should be more straightforward after #11622)