Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

e14e637d3b7c4662b05f1b6143d74319

Animated Scatter Plot with Menus

0 stars0🌍 Public
Ttrissentety
Last edited Mar 6, 2023
Created on Mar 3, 2023

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 description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.