Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Selection Exploration

Public visualization

Fork of D3 Selection Exploration

0 stars0🌍 Public
AAaron
Last edited Jan 7, 2026
Created on Jan 7, 2026

This live D3 example demonstrates the selection and merging of data-driven SVG circles, with positions adjusting over time based on sine waves. At each animation frame, the code uses D3's `select`, `range`, and the `join` selection API to reconcile the current dataset with rendered circles, updating their `cx` and `cy` attributes. The visualization shows smooth enter, update, and exit behavior as the number of circles varies with the sine function at 60 frames per second.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed