This interactive scatterplot displays the classic Iris flower dataset, encoding measurements like petal and sepal dimensions as points. Using React and SVG, the visualization allows users to dynamically select which quantitative or categorical columns map to the X and Y axes via dropdown menus built with a custom `menu` function. Data is loaded from a remote CSV using `d3.csv`. When axes change, the scatter plot updates smoothly, leveraging D3’s `transition` API to animate circles to new positions over one second. Axis labels and tick marks transition accordingly, with `d3.scaleLinear` and `d3.scalePoint` handling numeric and categorical scales.