Sankey Diagram

This is the Sankey diagram section of the gallery. This chart type allows to display flows, as explained in If you're looking for a simple way to implement it in d3.js, pick an example below.

Step by step

Sankey plots are built thanks to the d3-sankey plugin. Input data must be a nested list providing the nodes and the links of the network. This kind of data can be stored under several formats: this section shows how to build a sankey diagram from a few different ones.

Selection of blocks

A few blocks with more complicated codes to showcase the possibility of the d3-sankey plugin

Related chart types

Chord diagram
Arc diagram
Edge bundling