{"version":"1.0","type":"rich","title":"General Update Pattern practice","description":"Five fruits (plums and lemons) are rendered as colored circles in an SVG, demonstrating D3's general update pattern for entering, updating, and exiting elements. The code uses `d3.scaleOrdinal` for color and radius mapping, and `d3.select` with data joins. Each transition animates circle radius and x-position over one second, with exiting circles shrinking to zero before removal. The example uses d3.v5 and follows a modular structure with the `fruitBowl.js` function handling the update logic.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d9d55c93c68486cb45eea5d442c91b8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}