Viewing a saved revision (read-only)
acce1e552f8d44b6be509d8b28c51f4b
Fork of Interactive Streamgraph Template in React test
This interactive streamgraph displays the changing popularity of eight baby names over time, using a silhouette offset to emphasize fluctuations. Built with React and D3.js v5, it leverages `d3-shape`'s `stack`, `area`, and `curveBasis` for layout, while `d3-scale-chromatic` and `d3-scale` handle color and axes. The SVG renders a path per category, with hover effects that highlight a stream and display its name. Data comes from a CSV file loaded via `d3-fetch`'s `csv` function, featuring yearly counts for names like Amanda and Dorothy.
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.