{"version":"1.0","type":"rich","title":"Interactive Color Legend","description":"This interactive color legend displays the Iris dataset's sepal length and width, using color to encode species. Hovering over a legend item fades all other data points while highlighting the selected species, making it easy to compare groups. Built with React and D3 v6, the visualization renders circles as an SVG and uses `scaleOrdinal` for color mapping and `scaleLinear` for axes. The legend's `onMouseEnter` and `onMouseOut` events drive the interactive filtering, while the chart's circles respond to the hover state.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dc8cfc1b74354a0f933eeaff95a08452?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}