{"version":"1.0","type":"rich","title":"general update pattern","description":"This example demonstrates the D3.js general update pattern for smoothly transitioning SVG elements when data changes. The visualization shows a bowl of fruit that updates over time as apples are eaten or replaced with lemons, using setTimeout to trigger three sequential state changes. The code employs `d3.select`, `d3.range`, and a custom `fruitBowl` function (not shown) to render SVG shapes. D3 v5 and React are used, with the SVG viewport defined as 960×500 pixels. The example illustrates how to handle data additions, removals, and modifications while maintaining consistent visual representation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/59d53a4b5a7b44b19b427bcf5813ca29?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}