Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Selections (with lines)

Public visualization

Viewing a saved revision (read-only)

030ca6a8c47f4983b988e62bc334cb7b

Fork of D3 Selections (with lines)

0 stars0🌍 Public
SsfdcSamer Testing
Last edited Jul 3, 2021
Created on Jul 3, 2021

An animated array of green circles and vertical lines undulates across the screen, with circle radii and y-positions oscillating sinusoidally. The visualization demonstrates D3's data-join pattern by using `selection.join` to update both `circle` and `line` elements, while an ES6 named import separates the rendering logic in `vizData.js` from the procedural data generation in `makeData.js`. A `d3.scaleLinear` maps circle radii to stroke colors ranging from white to green. The animation runs via `setInterval` at roughly 60 frames per second, updating the scene with new, parameterized data points.

AI-generated description

D3 Selections

join vs merge