{"version":"1.0","type":"rich","title":"Bowl of Fruit - General Update Pattern","description":"This example demonstrates the general update pattern in D3.js through a dynamic bowl of fruit. It shows how the enter, update, and exit phases handle changes to a data array, with apples and lemons represented as circles of different sizes and colors. The visualization uses D3's `select` and `range` functions to manage SVG elements, implementing transitions through `fruitBowl` which leverages `scaleOrdinal` for color and radius mapping. The code uses `setTimeout` to sequentially pop, replace, and filter items in the fruit array, triggering re-renders that illustrate how elements are added, modified, or removed from the SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}