{"version":"1.0","type":"rich","title":"d3 enter/update/exit patterns","description":"This example demonstrates the classic D3 enter/update/exit pattern for animating changes to a dataset. Over a timed sequence, fruits are removed, a lemon replaces an apple, and another item is filtered out, all while the visualization smoothly transitions the circles' positions and radii. The code uses D3's selection `merge` and `.transition().duration()` methods to animate attribute changes, with `circles.exit()` shrinking departing elements to a radius of zero before removing them. The scene is rendered as SVG with a static bowl rect, and data is generated randomly with a color scale mapping fruit types.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/398b80ab2d0646d29289427a9b511448?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}