🌍 Public
Viewing a saved revision (read-only)
3d0b73cf616b46ed837f295cbfbf06fb
Animated Scatter Plot with Menus
This example presents an animated scatter plot of the Iris dataset, where users can select which quantitative attributes to map to the x- and y-axes via interactive dropdown menus. The visualization uses D3 v6 with SVG rendering, and employs the `selection.join` pattern to smoothly transition circles between positions as axis mappings change. Axes are updated using `d3.axisLeft` and `d3.axisBottom`, with `d3.transition` providing a 1000-millisecond animation effect on circle repositioning and radius growth.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.
Shows the Iris Dataset.