Scatter Plot using species
This interactive scatter plot explores the Iris dataset, using dropdown menus to dynamically select which flower measurements (sepal length, petal width, etc.) appear on the x- and y-axes, with the option to treat variables as either numeric or categorical. Built with D3.js 6.7.0, it leverages the library’s scaleLinear and scalePoint functions to map data positions, while the selection.join API manages animated transitions for points and axes. The visualization renders as SVG, with each circle’s opacity set low to reveal overlapping species clusters, and includes a menu component that dispatches change events to update the plot in real time.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.
Shows the Iris Dataset.