Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 selection exploration

Public visualization

Viewing a saved revision (read-only)

3e511c7214f04284ad5728d8f8e15a4f

d3 selection exploration

0 stars3🌍 Public
NNeeraj Kumar
Last edited Jan 10, 2024
Created on Dec 29, 2023
Forked from Myfirstviz

Animated green circles move horizontally across an SVG canvas while their vertical position and radius fluctuate according to a sine wave. The visualization demonstrates D3’s `selectAll().data().join()` pattern, handling dynamic array sizes by entering and exiting circles as the count oscillates. Using `d3.range` to generate data points and a `setInterval` timer at 60 frames per second, it updates attributes like `cx`, `cy`, and `r` in place. The code renders with SVG and leverages D3 version 7.8.5, showing a smooth, continuous wave-like pattern.

AI-generated description

My fisrt viz with javascript