This interactive color legend visualizes the Iris dataset as a scatter plot, where hovering over a species name in the legend highlights only the corresponding data points while dimming the rest. The chart uses React with D3 scales to map sepal and petal measurements to x and y positions, while a D3 ordinal color scale assigns distinct colors to each species. The ColorLegend component triggers hover state updates that filter the rendered marks, and native SVG circle titles provide simple tooltips on data points.