Episode 12
This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements and species. The visualization features dropdown menus to select which quantitative or categorical columns map to the x- and y-axes, with the chart dynamically re-rendering when selections change. Built using D3 v6 and the selection.join pattern, it uses d3.scaleLinear for continuous data and d3.scalePoint for categorical species values, with 1000ms transitions animating the circles as scores update. The iris data is loaded from a GitHub Gist, and the SVG rendering includes shared axis transitions.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.
Shows the Iris Dataset.