This interactive scatter plot visualizes the Iris dataset, allowing users to compare any two flower attributes via dropdown menus. The vanilla HTML version displays petal length against sepal length, using d3.csv to load data and d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to map values and render SVG axes. The React implementation adds selectable attributes with ReactDropdown and organizes charts into reusable components like AxisBottom and Marks, both rendering dynamic SVG circles.