{"version":"1.0","type":"rich","title":"Polished scatter plot with menus","description":"This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements by selecting which attribute appears on each axis via React dropdown menus. The visualization uses React with hooks to manage state and data fetching, while D3 v6 scales and SVG elements render the circles and axes. Axis components map data values to screen coordinates using `scaleLinear` with the `d3.extent` method, and hover tooltips display formatted values through SVG `<title>` elements. The chart maintains polished styling with custom tick marks, axis labels, and a Poppins font.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/30f29b2f037f4df39244204754c07a32?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}