Hi everyone, I'm trying to make a diagram like the one below, which require some lines to jump when they cross another line or when they cross an specific shape. If I cut the line in two, things would be clustered an complicated. What I'm trying to obtain is much like the 'line jump' feature on draw.io (though they don't have line jump feature between shape and line)

The diagram I wish to recreate

the diagram i wish to recreate (red text, red circle and red arrow indicate the line jumping thing)

line jump feature from draw.io

Thank you

For the most flexibility, I might use a full image background, and make small rectangles of the background color to create the line-breaks. The z-order placement of the rectangles where lines intersect would control which line appears broken.

http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Z-Order.html

I tried to use LPE Knot and it show good result in theory, but that path effect would require objects to be grouped, and things start to behave unexpected when many gaps need be created between many objects. This is my file, the content is a replication of the original diagram. As you can see, i can only perform one LPE Knot over one group, and i deliberately move the text "softmax" away from the rectangle shape too, since grouping line and shape and text give unwanted result

my SVG file

png image of current result

Since Knot effect might be the right direction (suppose i avoid using additional object and want background color to be completely transparent), is there a way to use knot effect in a multi objects scenario, something like one object belongs to multiple groups? (I mean at the very least, vector diagram software can do the line-cross-line scenario in a consistent manner, and Inkscape can handle the one-line-cross-one-shape scenario perfectly, which no diagram software can do that as far as I know; then there should be some ways to solve this problem using solely Inkscape, right?

Hm! All arrows have gone astray..