🌍 Public
Viewing a saved revision (read-only)
c16df4bdca564dff82984e0bc5395989
Labeled Streamgraph
A streamgraph displays four time series—Leonardo, Donatello, Raphael, and Michelangelo—as smoothly curved stacked areas. The code uses D3 v4 with the `d3-area-label` plugin to automatically place white labels inside each layer. Random walk data updates every two seconds, triggering animated transitions that recompute the stacked layout via `d3.stack().offset(d3.stackOffsetWiggle)` and redraw the areas with `d3.area` and `d3.curveBasis`. The `d3.areaLabel(area)` helper positions each label along the final shape.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.