{"version":"1.0","type":"rich","title":"10. Dynamic Charts","description":"This example shows an interactive scatter plot of the Iris dataset, where the x-axis attribute cycles through petal width, sepal width, petal length, and sepal length every two seconds. The visualization updates dynamically as the plot re-scales both axes to accommodate each new variable, while the y-axis remains fixed on sepal length. Built with React and D3 v7, the code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for the chart, with `setInterval` driving the periodic data changes. The scatter plot is rendered as SVG circles and animated in the browser window.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cd659eb96f014d13af6a680174e149b3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}