🌍 Public
Viewing a saved revision (read-only)
2d08694165df403aa3dbfaed85fbee41
D3 Selections - Exercise
This example demonstrates D3 selections and data joins by rendering a dynamic set of colored circles on an SVG canvas. The code generates data with `makeData`, producing evenly spaced circles with vertical sine-wave positioning, then binds it to the visualization using `selectAll` and the `.join()` pattern. Each circle receives random radius, fill color, and positioning attributes through D3’s selection API. The visualization relies on D3 7.8.0 and React, with the `vizData` function handling the enter-merge-update cycle for the circle elements.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.