🌍 Public
Viewing a saved revision (read-only)
a884c2c765a94910b066c77f356bb9ab
Reusable (ProD3.js) Animated Scatter Plot with Menus v3
JJimMaltby
Last edited May 25, 2022
Created on Apr 19, 2022
This animated scatter plot visualizes the Iris dataset with interactive menus for selecting different measurement variables. Built with D3.js v6, it uses a reusable chart pattern with `d3.scaleLinear` for scales, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.transition` to animate updates when menu selections change. The SVG rendering includes dynamic circle positioning and axis transitions, demonstrating the selection.join pattern for smooth data-driven updates.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.
Shows the Iris Dataset.