Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of D3 Selection Exploration

Public visualization

Fork of Fork of D3 Selection Exploration

2 stars0🌍 Public
EEd Smale
Last edited Jul 22, 2023
Created on Jul 22, 2023

An animated SVG visualization of swirling geometric patterns, demonstrating dynamic data binding with D3 selections. Hundreds of teal lines and rainbow-colored circles continuously update their positions and radii in a dark viewport, creating a rhythmic, organic motion. The code uses D3 version 7’s `select` and `selectAll` APIs with a `join` method to handle enter, update, and exit states for both line and circle elements. Data is generated procedurally via custom `makeData` and `vizData` functions, using trigonometric calculations and `interpolateRainbow` for color mapping, with updates triggered by a JavaScript `setInterval` loop.

AI-generated description

D3 Selection Exploration

Comments

Sign in to join the discussion.

MIT Licensed