{"version":"1.0","type":"rich","title":"General Update Pattern1","description":"This example demonstrates the D3 general update pattern, showing how data joins handle entering, updating, and exiting circles. Five fruit circles animate through transitions: apples disappear, one becomes a lemon, and new fruits are added over time. The code uses `selection.selectAll`, `.data()` with a key function, `.enter()`, `.merge()`, and `.exit()` combined with `transition().duration()` to animate radius and position changes. Scales include `scaleOrdinal` for color and radius mapping, rendered as SVG with a gradient background.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/31d1da3866ae40289f62d954b948c632?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}