Accepted answer

Dagre-d3 is the best solution that I found:


To minimize line crossings, you probably need a layered digraph layout. Just google that phrase.


For anyone else who comes across this, here's another possible solution: (see the "Directed Graph with downward-pointing edges" example)

It can also be plugged into d3.js and used in place of the force layout.

Related Query