Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Selections

Public visualization

Viewing a saved revision (read-only)

3ca9a1e588a3485f9872d400b7da3f75

D3 Selections

0 stars1🌍 Public
Kkathrynrbernard
Last edited Jan 10, 2023
Created on Jan 9, 2023
Forked from JavaScript Arrays

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 description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.