{"version":"1.0","type":"rich","title":"Bowl of Fruit - Animated Transitions","description":"This example demonstrates animated transitions for a data-bound bowl of fruit, showing how elements enter, exit, and update smoothly. It uses D3 v5’s data join with key functions, `transition().duration()`, and ordinal scales for color and radius. The SVG circles represent apples and lemons, with apples being eaten and replaced over time. The code imports `scaleOrdinal` from D3 and executes timed state changes via `setTimeout` to trigger render updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f2e81aa1f0954017b08f0b556d92068a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}