Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Selection Exploration

Public visualization

Viewing a saved revision (read-only)

bf45c01df80342f9af372e106e7eeefd

D3 Selection Exploration

0 stars0🌍 Public
Kkhaledakanan@gmail.com
Last edited Jun 15, 2024
Created on Jun 15, 2024

Fifteen circles oscillate vertically along a sine wave, their radii pulsing in a related rhythm as time advances. The animation runs continuously, with the wave’s speed steadily increasing. This example demonstrates D3’s selection and join API, using `select('body').append('svg')` to build the scene, `svg.selectAll('circle').data(data).join('circle')` to update circles, and a similar path join to draw connecting lines between adjacent points. The data is generated procedurally with `makeData`, computing x positions from a fixed spacing and y positions from `Math.sin`.

AI-generated description