{"version":"1.0","type":"rich","title":"Fruit: Hover Gets Ya Selected","description":"Five fruit circles sit in a row, each filled red for apples or yellow for lemons. Hovering over a circle selects it with a black outline, and hovering away deselects it. The visualization uses D3 v5 with SVG and animated transitions to smoothly change circle radius, position, and fill. The `fruitBowl` module maps fruit types to colors and sizes using `scaleOrdinal`, while `setSelectedFruit` updates the selection state on `mouseover` and `mouseout` events.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/88ca5b544bd64d5d9b0d8d67b70694b5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}