{"version":"1.0","type":"rich","title":"Animated Reusable D3 Scatter Plot Black and White","description":"This example presents an animated scatter plot of the Iris Dataset, cycling through four flower measurements as the x-axis every five seconds. The visualization uses a reusable D3 scatter plot component with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for axes. Circles transition smoothly via `transition().duration(1000)` with a staggered delay, while the x-axis labels animate between column names. The code leverages D3’s `.join()` operations to handle entering, updating, and exiting elements, rendering as SVG with a black-and-white aesthetic.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/efd3822aa63d4757b81e9db546f67865?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}