{"version":"1.0","type":"rich","title":"Bowl of Fruit - Hover Transitions","description":"A bowl of fruit displays five apples, which are eaten and replaced over time, with hovering transferring a black outline between fruits. The visualization uses D3 v5's `scaleOrdinal` for color and radius mapping, and `selection.transition().duration(1000)` to animate circle size and position changes. A `mouseover` event updates a selected fruit, triggering re-renders that add or remove circles via `enter` and `exit` transitions. The SVG rendering relies on the `select` and `range` utilities from D3.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1418b11940034369a75f16a748db5be2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}