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)

5eb1d823c4a8417f9f457ba9091e4870

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.