{"version":"1.0","type":"rich","title":"Bowl of fruit - Geenral Update Pattern","description":"This example demonstrates the D3 general update pattern through a bowl of fruit visualization. It shows five colored circles representing apples and lemons, which appear via a staggered enter transition, shrink and disappear when eaten, and change color and size when one fruit transforms from an apple to a lemon. The code uses d3.scaleOrdinal for color and radius mapping, and applies chained transitions with d3.transition to smoothly animate circle updates. Data joins are handled through selection.data with a key function, merging enter and update selections, and removing exit selections after an animation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bd40f39c1a694f0f9165d1ce93eccbf2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}