Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Interactive Streamgraph Template in React

Public visualization

Viewing a saved revision (read-only)

98f8a8e95d434a5aa289a6fe37183a5d

Fork of Interactive Streamgraph Template in React

0 stars0🌍 Public
SSumeyya-Eser
Last edited Nov 23, 2021
Created on Nov 23, 2021

This interactive streamgraph displays changes in numeric values across multiple named categories over time, using a silhouette-style stacked area layout. Built with React and D3 v5, it loads CSV data via `d3.csv` and processes it with `stack`, `stackOffsetSilhouette`, `stackOrderInsideOut`, and `area` with `curveBasis`. A React hover state adjusts path opacity and shows a tooltip label. Colors come from `schemeDark2` via `scaleOrdinal`, with axes scaled by `scaleLinear` and `extent`.

AI-generated description

This is a recreation of the Streamgraph template. It is rewritten to use React instead of only d3, if you come from the 2021 Data Visualization course, this template will be more understandable for you.