This example visualizes the Iris dataset as a scatter plot, mapping petal length and sepal width on the axes while coloring points by species. A custom interactive color legend, built with React and D3.js scaleOrdinal, is placed to the right; hovering over a legend entry fades unrelated points and highlights only the selected species. The rendering uses SVG circles generated from D3.js scaleLinear scales, with axes drawn from D3’s tick formatter.