This interactive scatter plot visualizes Fisher’s Iris dataset, letting users compare any two measured attributes (sepal/petal length and width) via dropdown menus. Points are colored by species using a ordinal scale, with axes and gridlines rendered through d3.axisBottom and d3.axisLeft. The React-driven interface updates scales, circles, and axis labels dynamically, while the SVG rendering uses d3.scaleLinear with nice extents. The code loads data via d3.csv and applies CSS opacity for overlapping points.