{"version":"1.0","type":"rich","title":"Fade Out Fade In 4","description":"Four red circles enter in a vertical column while two blue circles fade out and are removed, demonstrating chained selections with overlapping transitions. The example uses D3 v7 with SVG rendering, applying `transition().duration(2000).style(\"fill-opacity\", \"0\").remove()` to delete the first dataset, then `.on(\"end\", ...)` to append the second dataset. Because the removal and new selection overlap, only three of the four red circles appear, highlighting a timing issue in the transition lifecycle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0eb257e4452c47afb3410189b8ab3c64?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}