All examples By author By category About

emeeks

Networks - Edges 5

Edges Example 5 for How to Create Effective Network Data Visualization

The technique necessary to draw triangular edges allows you to also draw offset edges. Here they're drawn offset with arrowheads, which requires a bit more code to calculate the edge of both the source and target nodes.

Offset edges are more legible than overlapping edges, but they add clutter to densely connected regions and drawing with lines and marker arrowheads runs into the earlier problems with SVG markers.

You can also use offset edge drawing to show multiplex networks (networks where nodes are connected by multiple different kinds of connection, such as a network where people could be connected to each other via Twitter, Facebook and LinkedIn).