{"version":"1.0","type":"rich","title":"Bowl of fruit - Hover to select","description":"Five fruit icons sit in a row over a time-based sequence: apples are eaten, one apple transforms into a lemon, and hovering highlights the selected fruit with a black outline. The D3 v5 example uses `scaleOrdinal` for color and radius mappings, `selection.selectAll` to bind data, and chained `.transition().duration(1000)` to animate radius changes. SVG circles and text labels render via a reactive `fruitBowl` function, while `setSelectedFruit` toggles stroke on hover, with `setTimeout` scheduling the fruit mutations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}