{"version":"1.0","type":"rich","title":"Learn Animated Reusable Scatter plot with Menu","description":"This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically select which flower measurements appear on the X and Y axes through dropdown menus. Built with React and D3 v6, the reusable `scatterPlot` component renders circles in SVG using `d3.scaleLinear` and `d3.extent`, with animated transitions updating positions via `d3.transition()`. The `menu` component leverages D3's `dispatch` pattern to handle axis changes, while axes redraw with `d3.axisLeft` and `d3.axisBottom`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6100084c7ebe485588bd4519668e9f33?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}