🌍 Public
Viewing a saved revision (read-only)
9b530c142c8b4f3faa32e8f940bee4f7
Fork of Sine Wave Circles
A row of 30 circles animates vertically to form a traveling sine wave across the SVG canvas. Each circle’s y-position is computed from the sine of its index, producing a smooth, continuous oscillation over time. The visualization uses D3 v7’s `range` to generate the circle data, `timer` to drive the animation loop, and `Math.sin` to calculate wave displacement. All elements are rendered as SVG `<circle>` nodes, with the wave frequency fixed and the height normalized relative to the viewport.
AI-generated descriptionA D3 version of the Math Sine Wave P5.js example.
Ported to ES6 from an older version: bl.ocks.org: Sine Wave Circles with blockbuilder.org.