{"version":"1.0","type":"rich","title":"d3js - enter(), update() and exit()","description":"Switching between two JavaScript arrays of different lengths drives this d3.v3 demonstration of the enter, update, and exit data-join pattern. Clicking the “change data” button re-binds the circle elements to the alternate array, using `exit().remove()` for surplus circles, `enter().append()` for new ones with an initial radius of zero, and a 500-millisecond `transition` to update all circles’ positions and radii. The SVG rendering shows a horizontal axis and labeled dataset number, while circle size encodes each array value.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-e984477a741bc56db5a5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}