{"version":"1.0","type":"rich","title":"Animated Scatter Plot with Menus","description":"This animated scatter plot presents the Iris Dataset, a collection of flower measurements, within an interactive visualization. The chart displays each flower as a circle, with its position determined by the selected attributes for the X and Y axes. Users can dynamically switch between the four different measurement options—petal width, sepal width, petal length, and sepal length—via dropdown menus.\n\nBuilt with D3 v6, the visualization uses the `scatterPlot` custom module to handle the rendering and animation. Employing D3's `transition` for smooth updates, the circles and axes animate to their new positions over one second. The code also utilizes the `selection.join` API for efficient updating of the SVG elements, ensuring a responsive and fluid user experience.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a1d06e132eb04c3a898921af97928da9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}