Viewing a saved revision (read-only)
4bf9765fb41e4b1a94145f150b07bb50
Fork of Interactive Streamgraph Template in React
This fork of the streamgraph template displays multiple ECG data series as stacked, filled areas over time, with a tooltip that appears on hover to identify each stream. Built with React and D3 v5, it uses `d3.stack` with `stackOffsetSilhouette` and `stackOrderInsideOut` to compute the layout, and `d3.area` with `curveBasis` to generate SVG paths. Data is loaded from a CSV gist via `d3-fetch`’s `csv` function. Hovering changes the opacity of non-highlighted streams, while the tooltip text updates to show the active series key.
AI-generated descriptionThis 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.