{"version":"1.0","type":"rich","title":"Learn Dynamic Reusable Scatter plot","description":"This example demonstrates a reusable scatter plot that cycles through different Iris flower measurements, updating every two seconds to compare petal width, sepal width, petal length, and sepal length. Built with React and D3 v6, it renders SVG circles and axes using `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`. The chart’s data comes from a CSV of Iris flowers fetched with `d3.csv`, and the animation uses `setInterval` to reassign the x-value accessor and re-invoke the plot function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4a8213abeb0b4ec883f28020c69b8375?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}