{"version":"1.0","type":"rich","title":"Fade Out Fade In 3","description":"Two sets of blue and red circles demonstrate a data-join update pattern in D3 v7. Initially, two blue circles render from `data1`. Then, a transition fades those circles out over two seconds, and on completion, four red circles from `data2` fade in using `selection.enter()` and `merge()`. The example uses SVG with `transition.style(\"fill-opacity\", ...)` to animate opacity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/68eaca97b9f5458ea624028f5a9591ce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}