Fork of spotify pictogram
✓ Published0🌍 Public
This example shows five circles positioned across the screen, where clicking a circle turns it white with a black outline to indicate selection. The visualization uses React to manage selection state and a ResizeObserver hook for responsive dimensions, while D3’s `scaleLinear` maps fixed data coordinates to the container size. Circles are rendered as SVG elements via a data join, with click handlers triggering state updates that re-render the selected circle’s fill and stroke styles.
AI-generated descriptionD3 Circle Visualization
Interactive D3 visualization with clickable circles built with React.
Setup
MIT Licensed