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)

bc5aba2ed67f490db0a65373beaa1ddd

Fork of D3 Selection Exploration

0 stars0🌍 Public
Jjsoudeer
Last edited Jun 27, 2022
Created on Jun 27, 2022

This visualization demonstrates a dynamic scatterplot of colored circles that move and resize over time. Animated via a 60-frames-per-second interval, the circles' positions, radii, and hues are recalculated continuously. The implementation uses D3.js selection and join APIs, specifically `d3.select`, `d3.range`, and `.join('circle')`, to manage SVG circle elements. The `vizData` function updates circle attributes through `selection.selectAll('circle').data(data).join('circle')`, while `makeData.js` generates data with sinusoidal motion and color interpolation using `d3.interpolateRgb`. The SVG output is rendered directly to the browser window.

AI-generated description