{"version":"1.0","type":"rich","title":"General Update Pattern With Nested Elements","description":"This example demonstrates the general update pattern for nested elements in D3, showing how fruit shapes transition as the data array changes. Five oranges and a lemon render as circles with color and radius scales, then undergo three timed updates: removal, type change, and splice. The code uses `selection.data`, `enter`, `merge`, `exit`, and `transition` with `.duration` and `.end` to coordinate circle radius and fill animations, while text labels update via `text`. Rendering targets SVG with an ordinal scale for colors and radii.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/672c701500db41db97aceed91832d913?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}