Canvas – Smart and Controllable Arrow Paths

Problem

The problem is that, with the current implementation of arrow paths and arrow labels, they are overlapped by other nodes, which creates clutter on the canvas, making it difficult to navigate, read, and understand the canvas’s content.

Screenshot

An old screenshot illustrating this issue in practice (the problematic arrow paths are marked in red):

Screenshot

Proposed solution

I see the solution to this problem as ensuring that the paths of the arrows are drawn in a way that takes nodes into account – that is, they should go around them.

The similar canvas structure in Obsidian and QuikFlow Pro. (In QuikFlow Pro nodes are taken into account when routing arrow paths. In Obsidian, they are not.)


It would also be helpful to be able to control the arrow’s path:

GIF

quikflow 2

It is also necessary to ensure that if an arrow has a specific label on it, that label is positioned in a way that takes nodes into account and is not overlapped by them.

Screenshot

*The QuikFlow Pro software was used as a positive example in the screenshots.

Current workaround

Related feature requests

The Feature Request has been almost completely reworded for clarity.