{"version":"1.0","type":"rich","title":"D3-8: Enter, Exit, Update (transitions)","description":"This example demonstrates enter, exit, and update transitions in D3 by animating fruit objects represented as SVG circles. Initially, five apples appear; after four seconds, the rightmost apple exits by shrinking and disappearing, while another apple is replaced by a lemon (update). A subsequent removal filters out the second apple, triggering an exit transition. The code uses `d3.select`, `d3.scaleOrdinal`, and D3's transition API with `.transition().duration()`, `merge()`, and `.exit()` to handle the changes smoothly over six seconds.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e3d042d2f80d42f8aaa88a2e5ca42de9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}