Export Image
Export Code

MoMA Streamgraph

Eri Kim

Last edited Apr 11, 2023
Created on Feb 24, 2023

Streamgraph with labels

x data is also parsed and scaled as date/year.

I filled in the missing values that were creating white gaps. I also applied smoothing.

Using d3-area-label, I added labels in the streampgrah. For labels that are too small, color legend is available.

I also added a hover effect so when you hover an area, it is outlined with a white border.

References:

https://d3-graph-gallery.com/graph/streamgraph_template.html

https://vizhub.com/curran/01568b13c29f437f9a2684bb190c3737

ISC Licensed