Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Sine Wave Circles

Public visualization

Fork of Sine Wave Circles

0 stars0🌍 Public
Ool.ritter@web.de
Last edited Nov 3, 2023
Created on Nov 2, 2023
Forked from 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 description

A 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.

Comments

Sign in to join the discussion.

MIT Licensed