Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable (ProD3.js) Animated Scatter Plot with Menus v2

Public visualization

Viewing a saved revision (read-only)

5d9661a3b74a47db9b5de9bc8b43ea4e

Reusable (ProD3.js) Animated Scatter Plot with Menus v2

0 stars1🌍 Public
JJimMaltby
Last edited Apr 19, 2022
Created on Apr 18, 2022

An animated scatter plot of the Iris dataset lets users switch between measurement combinations via two dropdown menus. Built as a reusable D3 v6 chart, it displays points as SVG circles with coordinated transitions for position updates and axis rescaling. The code uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `selection.join` to handle enter, update, and exit states, with `d3.transition` powering the 1-second animations.

AI-generated description

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

Shows the Iris Dataset.