Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

4f4aed8dcc7c47538ceb2bacbd545e4d

Fork of Animated Scatter Plot with Menus

0 stars0🌍 Public
Pphilippun
Last edited Jul 21, 2021
Created on Jul 21, 2021

This example visualizes the Iris dataset as an animated scatter plot, with dropdown menus to switch which numeric columns are mapped to the X and Y axes. It uses D3 v6 features such as `selection.join`, `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` with a one-second duration to smoothly move circles and axes when selections change. New points grow from radius zero via a transition, while updating points reposition with a staggered delay. The SVG rendering fills the window, and menus are built with a reusable `menu` module dispatching change events.

AI-generated description

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

Shows the Iris Dataset.