{"version":"1.0","type":"rich","title":"Polished Scatter Plot with Menus","description":"This interactive scatter plot visualizes the Iris Dataset, allowing users to compare any two numerical attributes via React dropdown menus that control the x- and y-axes. The visualization uses React state with the `useState` hook to manage selected attributes and dynamically updates the scales with d3’s `scaleLinear` and `extent`. Rendered as an SVG, the chart includes polished axes built with custom components, tick labels formatted with d3’s `format`, and circular marks that display native tooltips on hover. Data loading is handled asynchronously through d3’s `csv` function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4929ba73e8834e20b877089dadbff5e8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}