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)

01eab076e57c4c4caa67a4ac0e34b2d9

Fork of D3 Selection Exploration

0 stars0🌍 Public
SSerge
Last edited Sep 26, 2023
Created on Sep 26, 2023

This example explores D3 data joins and SVG animation as a sine wave drives a changing dataset. A set of circles and connecting lines is redrawn on each frame, with the line stroke-width bound to each circle’s radius. The code uses `d3.select`, `selection.data`, and `.join()` to update shapes, while `d3.range` and `scaleLinear` in `makeData` generate positions and sizes.

AI-generated description