{"version":"1.0","type":"rich","title":"Fork of Reusable D3 Scatter Plot - Idempotence","description":"This example shows a reusable D3 scatter plot of the Iris dataset that cycles through different x-axis variables every two seconds. Each transition is idempotent—re-calling the same plot function produces the same outcome, so animations smoothly update the existing SVG circles and axes. The code uses `d3.csv` to load data, `d3.scaleLinear` and `d3.extent` for scales, and `d3.axisLeft`/`d3.axisBottom` for axes. It renders SVG with precomputed marks and leverages a setInterval to repeatedly invoke the chart’s `my()` function with a new `xValue`, demonstrating the reusable pattern in React.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f933ad321fd0436fa25124a6ca509916?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}