{"version":"1.0","type":"rich","title":"\"Buggy\" Transitions on Animated Reusable D3 Scatter Plot","description":"This example presents an animated scatter plot of the classic Iris dataset, where points smoothly transition between different variable pairings on the x-axis every two seconds. Built with D3 v7 using reusable chart components, a `setInterval` swaps the `xValue` across petal width, sepal width, petal length, and sepal length. The visualization employs `scaleLinear`, `axisLeft`, and `axisBottom` for axes, while `selection.join()` combined with `.transition()` and a 1000ms duration animates the circles' positions. The SVG rendering updates axes and marks in-place, creating evolving comparisons of flower measurements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fe1553bcc8e04173b655f53e2fab2cd2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}