{"version":"1.0","type":"rich","title":"animated Scatter Plot with menus","description":"This animated scatter plot displays the Iris dataset, showing how the relationship between sepal and petal measurements changes. Users select which variables to plot on the x- and y-axes via two dropdown menus at the top. Built with D3.js, the visualization uses reusable functions (`scatterPlot` and `menu`) to manage state and rendering. When a new variable is chosen, the circles and axes transition smoothly over one second using `d3.transition`, with data bound via `selection.join` for enter, update, and exit handling. The SVG rendering uses linear scales and axis generators from D3.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/35006a9db912486a9f0ad18af4d3c69e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}