{"version":"1.0","type":"rich","title":"Polished Scatter Plot with Menus","description":"A scatter plot of the Iris Dataset, rendered in SVG by React, uses dropdown menus to select which of four measurements appears on the x and y axes. The menus, powered by ReactDropdown, update state via `useState` and `useCallback`, triggering re-renders that pass new scales from D3 `scaleLinear` to the reusable `AxisBottom`, `AxisLeft`, and `Marks` components. Axes are drawn from `xScale.ticks()`, while circles use `xValue` and `yValue` accessors, with `format('.2s')` for tick labels and native `<title>` tooltips.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d9bfdc908a144d779bfa2390d8d9b92c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}