{"version":"1.0","type":"rich","title":"Stylize Scotter Plot with Menu","description":"This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements as circles colored teal on an SVG canvas. Two dropdown menus let users independently select which numerical attribute (sepal length, sepal width, petal length, or petal width) maps to the x-axis and y-axis, with axis labels updating accordingly. Built with React and D3 v6, the example uses `d3.scaleLinear` and `d3.extent` for scales, `d3.csv` for data loading, and custom SVG components for axes and circles. The chart includes hover tooltips via SVG `<title>` elements and a playful RocknRoll One font.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/91a58439ea34496dad853b5ca71eb4b9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}