🌍 Public
Viewing a saved revision (read-only)
5d9661a3b74a47db9b5de9bc8b43ea4e
Reusable (ProD3.js) Animated Scatter Plot with Menus v2
JJimMaltby
Last edited Apr 19, 2022
Created on Apr 18, 2022
An animated scatter plot of the Iris dataset lets users switch between measurement combinations via two dropdown menus. Built as a reusable D3 v6 chart, it displays points as SVG circles with coordinated transitions for position updates and axis rescaling. The code uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `selection.join` to handle enter, update, and exit states, with `d3.transition` powering the 1-second animations.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.
Shows the Iris Dataset.