Hierarchical edge bundling

Hierarchical edge bundling allows to visualize adjacency relations between entities organized in a hierarchy. The idea is to bundle the adjacency edges together to decrease the clutter usually observed in complex networks. Learn more about this kind of chart in data-to-viz.com, or visit the examples below to implement it in d3.js.

Step by step

Before trying to implement hierarchical edge bundling, it is crucial to know how this kind of chart works. It is crucial to understand that input data is composed by i/ a hierary and ii/ a list of links between elements of the hierarchy.

Selection of blocks

A few blocks with more complicated codes to showcase what's possible to do with hierarchical edge bundling.

Related chart types

Chord diagram
Arc diagram
Edge bundling