One of ideas that I want to implement in Rack is a cable management. How and where are connected and so on. I also have the idea of give them some semantic meaning. What for? If I can give some semantic, they will not be only lines, they will be cables, that connect A with B. So I can make alerts, or see what happen if I disconnect a cable.

The first step was to create a bezier curve (a simple one) and try to control one of their points with the mouse.

https://www.graph-ic.org/svg-experiments/cables/index.html

As you may notice, this only works if you put your navigator in a full hd screen at full screen. What’s this for? Because the mouse coordinates are in navigator coordinates and the point coordinates are in svg coordinates, which are related to the viewBox size.

I have to make scale one coordinates to another to make it works as it should, but I have to sleep, so it have to wait until tomorrow or whenever.