This interactive scatterplot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across species. The visualization uses D3.js (v7) with an SVG rendering approach, featuring dropdown menus to dynamically switch which numerical or categorical attributes appear on the x and y axes. When a selection changes, circles smoothly transition to new positions over one second using the `transition` API, with axis titles and scale types (numerical vs. categorical) updating to match. The code employs reusable components for the scatter plot and menus, built with the join pattern for efficient DOM updates as data mappings change.