Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of D3 Selection Exploration

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed