{"version":"1.0","type":"rich","title":"Bowl of Fruit - General Update Pattern","description":"This example demonstrates the general update pattern for animated transitions in D3.js. As the data changes over time, the visualization shows a row of fruit shapes that are added, removed, or altered—apples appear, one is eaten, another becomes a lemon, and an apple is removed from the middle. The code uses D3’s selection `.enter()`, `.merge()`, and `.exit()` methods to handle the incremental updates to SVG circles and text labels. It applies ordinal color and radius scales to style apples and lemons distinctly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/02c5ad0a314343b2991eda1bd4f3cd75?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}