Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Selections Explorations

Public visualization

Fork of D3 Selections Explorations

0 stars1🌍 Public
Gguts
Last edited Oct 11, 2023
Created on Oct 11, 2023

A grid of circles undulates in sine-wave patterns across the screen, with each circle’s vertical position and radius oscillating over time to create a flowing, wave-like motion. The animation runs at 60 frames per second, updating a dataset generated by `makeData.js` that calculates `x`, `y`, and `r` values from trigonometric functions of time. Using D3 v7 selections, `selectAll('circle').data().join()` binds the changing data to SVG circle elements, while chained `.attr()` calls update their positions and sizes in a tight loop. The scene sets its dimensions to the full browser viewport and hides overflow for an immersive, full-window display.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed