{"version":"1.0","type":"rich","title":"Scatter Plots: Part 2 - Menus","description":"This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically select which attributes appear on the x- and y-axes via two dropdown menus. Built with React and D3 v5, the visualization renders SVG circles for each data point, with axis labels updating to reflect the selected measurements. The code leverages `d3.scaleLinear` for continuous scales, `d3.extent` for domain calculation, and custom `AxisBottom` and `AxisLeft` components to generate tick marks. Dataset values are loaded asynchronously through a `useData` hook that parses CSV data using `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a9c7e8e75bec44bab9fb5e7b8e73cb54?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}