{"version":"1.0","type":"rich","title":"Animated Reusable D3 Scatterplot","description":"This example presents an animated scatterplot of Fisher’s Iris dataset, cycling through four measured attributes on the x-axis while sepal length remains fixed on the y-axis. Built with React and D3 v6, it uses reusable chart components via the `scatterPlot` factory function, SVG rendering, and `d3.transition` with staggered delays for smooth point movement. The code updates the x-scale and axes every five seconds using `setInterval`, demonstrating dynamic data binding and enter-update-exit patterns with animated, reordering circles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bb98fa63c0694329bf0d39ea2a399681?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}