Step by step
Building a streamgraph follows the same process than for a
stacked area chart. Stack the data with
the d3.stack() function, but use the
stackOffsetSilhouette offset to position shapes around
the central axis.
Template
Here is a streamchart showing the evolution of a few baby names in the
US during the previous century.
Read more
about it here. Axis are customized, color palette is used, hover
feature is added.
Hover a group to get the name.
Selection of blocks
A few blocks with more complicated codes to showcase the possibility of d3 for streamgraphs.
