{"version":"1.0","type":"rich","title":"Animating Scatter Plot","description":"This example cycles through the four measurement columns of the Iris dataset, animating a scatter plot’s x-axis every two seconds using a repeating interval. Implemented with D3 v7 and React, it leverages `scaleLinear`, `axisLeft`, `axisBottom`, and the `transition` API to smoothly interpolate circle positions over one second. Circles grow from radius zero on entry and shift with a staggered delay, while the x-axis label updates to match the currently plotted column. The visualization is rendered as an SVG with full-window dimensions, using D3’s selection join to manage entering, updating, and exiting elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d15f90d6d3e4416cba46a1b21d4c0cf7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}