Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Selection Exploration

Public visualization

Viewing a saved revision (read-only)

f655d9934d1945fbb192823c3e9189bb

D3 Selection Exploration

0 stars0🌍 Public
AAndre J Denais
Last edited Apr 28, 2021
Created on Apr 27, 2021
Forked from JavaScript Arrays

Fifteen circles animate vertically in a sine wave across the screen, their positions updating every frame in a loop. Using D3 v6, the code demonstrates the `.join()` method to bind new data arrays to existing SVG circle elements, updating their `cx` and `cy` attributes. The animation runs via `setInterval`, and the source includes commented-out alternative approaches using `.enter()`, `.merge()`, and `.exit()` for comparison.

AI-generated description

Check it out, some animation!