This interactive scatter plot visualizes the Iris dataset using React and D3 v6, with dropdown menus to switch the x- and y-axis attributes among sepal and petal measurements. The SVG rendering includes a color legend for species that supports hovering to fade non-matching points, implemented through React state and D3’s `scaleOrdinal` color scale. Axis components use `d3.scaleLinear` with `ticks()` for gridlines and tick labels, while the data loads via `d3.csv` with numeric coercion.