🌍 Public
Viewing a saved revision (read-only)
d4aaa4be0f7b4a8ea30bacbc7e2f4ca5
zoomable circles with d3 zoom
This example shows a set of colored circles positioned on a light green background, which can be zoomed and panned through mouse or touch gestures. The visualization uses D3's zoom behavior to apply a transform to a group element, updating the state object with each zoom event. The circles are rendered with D3 selections, each assigned fixed coordinates, radii, and fill colors from an inline data array. The code leverages the d3.zoom API and the state management pattern to persist the current transform across re-renders.
AI-generated description