{"version":"1.0","type":"rich","title":"Interactive Color Legend","description":"A scatterplot of the Iris dataset displays petal length against sepal width, with each species colored distinctly. Hovering over a color legend item highlights that species’ points at full opacity while fading all others. The code uses React for component structure and SVG for rendering, with D3’s `scaleLinear`, `scaleOrdinal`, and `extent` for scales and axes. Data loads via D3’s `csv` from a GitHub gist.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aac9a187dc794f60b01b9ec924644675?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}