{"version":"1.0","type":"rich","title":"Bowl of Fruit - General Update Pattern with labels! with D3.js!","description":"This example demonstrates the general update pattern in D3.js, showing how a static bowl of fruit changes over time as items are eaten or replaced. The visualization uses SVG rendering with React, where circles represent apples and lemons, colored and sized via `scaleOrdinal` encodings. The code animates through three distinct transitions—removing an apple, swapping an apple for a lemon, and filtering out another—using `selectAll`, `enter`, `merge`, and `exit` to manage dynamic data updates. The fruit bowl itself is a rounded rectangle, and text labels appear below each fruit, all orchestrated through the custom `fruitBowl` function called sequentially with setTimeout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}