{"version":"1.0","type":"rich","title":"Bowl of Fruit - General Update Pattern transitions","description":"This example demonstrates the general update pattern for transitions in D3.js v5. A row of apples and lemons sits in a bowl, with items being removed or changed over time via timed JavaScript callbacks. The visualization shows how D3's `.transition().duration(1000)` animates changes to circle radius and fill color, while the `.merge()` and `.exit().remove()` methods handle entering, updating, and exiting elements. The code uses D3's `scaleOrdinal` for color and radius mapping, and `selectAll`/`enter()`/`exit()` to manage SVG groups.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cd2d99956ded4d1ea713fc1507e65813?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}