{"version":"1.0","type":"rich","title":"animated Reusable D3 Scatter Plot","description":"This animated scatter plot displays the Iris dataset, cycling through all four feature pairs every three seconds. The code implements a reusable D3.js `scatterPlot` function that handles the full rendering pipeline using SVG, `scaleLinear` for axes, and `transition` for smooth animations. As the data mapping changes, circles transition between positions using `.join()` selection joins with staggered delays, while axes update via `axisLeft` and `axisBottom` on the same transition timeline. The plot is rendered across the full browser window with data loaded via D3's `csv` loader.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b925b19e301846c793e794c26cb93c7f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}