🌍 Public
Viewing a saved revision (read-only)
d9828980aeb7457f8f3106e4ee813b1b
Ball of Fruits- Hover interaction
Five circles render as apples that morph and reorder into a static row until one fruit shrinks and a later fruit turns into a lemon. Hovering a fruit highlights its stroke in purple via a mouseover handler that updates a selectedFruit state. The visualization uses d3’s scaleOrdinal for color and radius, transition().duration() for 1000ms position and size animations, and SVG circle/text elements. Data is generated in JavaScript with range() and Math.random().
AI-generated descriptionBall of Fruits- Interaction