This interactive color legend demonstrates filtering in a scatter plot of the Iris dataset, mapping petal length against sepal width. The visualization uses React with D3 scales, including `scaleLinear` for encoding positions and `scaleOrdinal` for mapping species to colors. Hovering over a legend item highlights the corresponding species by fading non-matching points via opacity adjustments, while the filtered subset remains fully visible. Axis components, `AxisBottom` and `AxisLeft`, render ticks from the D3 scales, and SVG circles with `<title>` elements provide tooltips.