{"version":"1.0","type":"rich","title":"Bowl of Fruits General Update Pattern Animated Transitions","description":"Five apples animate into a row, then a sequence of timed updates demonstrates D3’s general update pattern: one apple is removed, a second changes into a lemon, and another is filtered out. Each change triggers a one-second `transition` that smoothly interpolates circle radii and horizontal positions, while exiting elements shrink to zero before removal. The example uses `d3.selectAll('circle').data(fruits, d => d.id)` with enter, merge, and exit selections, plus `scaleOrdinal` for fruit colors and radii. Rendered as SVG with `d3.v6`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dff5d0ab610543f0a85290da633a6549?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}