{"version":"1.0","type":"rich","title":"Bowl of Fruit - General Update Pattern Special Cases","description":"This example demonstrates the general update pattern in D3.js, showing how data joins handle entering, updating, and exiting elements as fruits are added, removed, or modified. Animated transitions move apples and lemons across an SVG canvas, with circles and text labels updating their positions and colors. The code uses d3.select, data joins with key functions, and transition().duration() to animate changes. Fruit types are mapped to colors and radii via scaleOrdinal, with a static bowl rendered as a rectangle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9df8fc872d7846c28cfa481fb96ec554?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}