{"version":"1.0","type":"rich","title":"Reusable Scatterplot Example","description":"This reusable scatterplot demonstrates the Iris Dataset by plotting flower measurements as animated, circular marks. The visualization cycles through different feature combinations every two seconds, rotating the x-axis between petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Built with D3.js, the code uses a custom `scatterPlot` function that leverages `scaleLinear`, `extent`, and axis generators (`axisLeft`, `axisBottom`) to render SVG elements. The example also shows a reusable chart API pattern, where configuration methods like `.data()`, `.xValue()`, and `.margin()` are chained to create an independent, customizable plotting component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a58a69da8bd7419eaf5b0eabe6a36c08?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}