{"version":"1.0","type":"rich","title":"Bowl of fruit - Hover to Select","description":"Five fruits (initially all apples) sit in a row, and hovering over a circle highlights it with a black outline while the mouse is over it. The visualization demonstrates the D3 general update pattern, using `transition().duration(1000)` to animate the radius and x-position of each fruit. Over time, fruits are removed and a lemon appears, changing its color via a d3 `scaleOrdinal` color scale. The example relies on SVG circles and mouseover/mouseout events to trigger the selection state.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1fd90b5c17e64fa0b48b55d8210f48fc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}