{"version":"1.0","type":"rich","title":"Transition  D3 Scatter plot","description":"This example demonstrates an animated scatter plot of the Iris dataset, cycling through different numerical columns as the x-axis variable every three seconds. Each transition smoothly moves the existing SVG circles to their new positions over two seconds, with the axes updating accordingly. The visualization uses D3.js v7 with the `transition()` API to animate circle positions and axis scales, while the React framework handles the component structure. Data is loaded via `d3.csv` from a remote GitHub gist.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c0fafd1c2cc04395b830700eb09d9109?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}