{"version":"1.0","type":"rich","title":"polished scatterplot with menu","description":"This interactive scatterplot demonstrates relationships among Iris flower measurements, with dropdown menus that let users choose which attributes appear on the x and y axes. Two React Dropdown components update React state to trigger re-renders. The visualization uses D3’s `scaleLinear` and `extent` functions to map data to SVG coordinates, with custom `AxisBottom` and `AxisLeft` components rendering tick marks and labels. Circle marks include tooltips showing formatted values, while axis labels rotate and reposition dynamically. Data loads from a CSV URL using `useEffect` and `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6d844a6014b6454cab554e0668c78bf1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}