🌍 Public
Viewing a saved revision (read-only)
e14e637d3b7c4662b05f1b6143d74319
Animated Scatter Plot with Menus
This example presents an interactive scatter plot of the Iris flower dataset, allowing users to select which measurement (sepal or petal length/width, or species) appears on each axis via two dropdown menus. The visualization uses a reusable chart pattern built with D3 v6, employing the `selection.join` API to animate circle positions and radii with `transition` delays. It also demonstrates a reusable menu component that communicates changes through a custom `dispatch` event, with SVG axes that transition smoothly alongside the data points.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.
Shows the Iris Dataset.