Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Selection Exploration

Public visualization

Viewing a saved revision (read-only)

0e0a75dc81be4139bfb6de724c9043e8

Fork of D3 Selection Exploration

0 stars0🌍 Public
Yyoav95
Last edited Oct 7, 2023
Created on Oct 7, 2023

D3 selection exploration demonstrates animated circles and paths within an SVG canvas. Each of 20 circles moves vertically and changes radius based on a sine wave, while its color randomly updates every frame using a hexadecimal generator. A blue path element is appended with static coordinates but never updated. The visualization runs at 60 frames per second via `setInterval`, calling the custom `vizData` function with newly generated data from `makeData`. It utilizes D3 v6’s `select` and `selection.enter()` API for data joins.

AI-generated description