{"version":"1.0","type":"rich","title":"Bowl of Fruit-General Update Pattern","description":"This example demonstrates the general update pattern for data joins in D3.js: a bowl of fruit rendered as circles where apples are red and large, lemons are yellow and small. Using `selection.data()` with a key function, entering circles start at radius zero while exiting circles shrink away, and merging circles update their fill and position. The visualization uses `d3.scaleOrdinal` for color and radius mappings, with `transition().duration()` for smooth animations as the fruit array is manipulated through timed `setTimeout` events.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}