{"version":"1.0","type":"rich","title":"Interactive Color Legend","description":"This interactive scatter plot displays the Iris dataset, plotting total students against department on linear scales. Users can hover over the color legend to highlight points of a selected gender category while fading others, using React’s `useState` to manage hover state. The visualization uses `d3.scaleOrdinal` for categorical colors, `d3.scaleLinear` for axes, and renders SVG circles via React components. Data loads asynchronously from a CSV using `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3f58701ca7334a1f81d899707e358222?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}