{"version":"1.0","type":"rich","title":"React Scatter Plot w/ Menus, Color & Interactive Color Legend","description":"This interactive React scatter plot visualizes the Iris dataset, letting users select which sepal or petal measurements appear on the X and Y axes via dropdown menus. Each mark is colored by species, and hovering over the color legend highlights matching points while dimming others. Built with d3.v5 scales (scaleLinear, scaleOrdinal) and SVG rendering, it uses React hooks for state management and ReactDropdown for the menus. Data loads asynchronously via d3.csv into a custom useData hook.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/eed39b2f555f47bb962b93e5ac0f74d1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}