{"version":"1.0","type":"rich","title":"bowl fruit general update","description":"This example demonstrates a data join pattern for a fruit bowl visualization, where apples and lemons are added, removed, and updated over time via animated transitions. It shows how SVG circles with distinct colors and radii represent different fruit types, while the bowl’s contents change through a sequence of timed updates. The code uses D3 v5’s `selection.data` with a key function, `enter`, `merge`, and `exit` selections, combined with `transition().duration()` to smoothly animate position and radius changes. The animation runs automatically on page load, with updates triggered by `setTimeout` callbacks that modify the fruit array and re-render.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ade0179eeb9e4630b72a4ae149b2d08f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}