🌍 Public
Viewing a saved revision (read-only)
1ef60ece2c6a473989683ee385dee431
Bowl of fruit - Click to select
Five apples appear in a bowl and are visually selected by a black outline when hovered. Animations remove one apple, change a second to a lemon, and remove another, with all changes occurring over timed intervals. The D3 v6 code uses `select`, `range`, `scaleOrdinal`, and SVG `circle` elements with chained `.transition()` calls to animate radius and position, while `mouseover` and `mouseout` events trigger a `setSelectedFruit` callback.
AI-generated descriptionAn example including some commonly used features of SVG.