{"version":"1.0","type":"rich","title":"Presentation Enter, exit and update","description":"Six circles, initially red and arranged horizontally, demonstrate the D3 enter, update, and exit lifecycle. The animation updates the data array and re-renders: after two seconds, one circle is removed via `exit().remove()`, and after four seconds, the first circle updates from type 'A' to 'B', changing its fill color through a 2-second `transition()`. The SVG renderer uses `d3.scaleOrdinal` for color mapping.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f65403a63ac64a1e8f087912fb0d906d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}