🌍 Public
Viewing a saved revision (read-only)
3ca9a1e588a3485f9872d400b7da3f75
D3 Selections
A set of circles animates vertically in a sine wave pattern, changing count over time to demonstrate D3 data joins. The code uses `select` and `data` to bind an array of objects with `x`, `y`, and `r` properties to SVG circles, then applies the `join('circle')` pattern to handle entering and exiting elements. Animation runs via `setInterval` at 60 frames per second, with `makeData` generating positions based on `Math.sin` and a time parameter. The visualization highlights the decoupling of data generation from rendering through a reusable `vizData` function.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.