{"version":"1.0","type":"rich","title":"General Update Pattern","description":"This example demonstrates D3’s general update pattern for smoothly transitioning a fruit bowl’s contents over time. The React-rendered SVG shows apples and lemons as colored circles, with entries scaling up from radius 0, updates shifting positions and recoloring, and exits shrinking away. Using `d3.scaleOrdinal` for color and radius, the code leverages `selection.enter()`, `merge()`, and `exit()` with `transition().duration(1000)` to animate state changes triggered by timed `setTimeout` calls that remove, replace, and filter fruit data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6417fbb6a3744c6594bc3d95518ff380?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}