{"version":"1.0","type":"rich","title":"Fade Out Fade In 5","description":"Two blue circles fade out over two seconds, then are removed and replaced by four red circles that fade in at new positions. The example demonstrates a sequential data-update pattern using SVG and D3 v7 transitions. The initial `circ` selection applies a `style(\"fill-opacity\", \"0\")` transition with its `.on(\"end\", ...)` callback, which calls `.remove()` on all circles before binding the second dataset and entering new circles with a reversed fade-in transition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c3a6bb1814064da0b0536117183ab97c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}