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)

cc226298d93c485a844f859760880190

Fork of Animated Scatter Plot with Menus

0 stars0🌍 Public
Ppreethamkesa
Last edited Mar 7, 2022
Created on Mar 7, 2022

This interactive scatter plot visualizes the Iris dataset, letting viewers choose which flower measurements to display on the X and Y axes via dropdown menus. The chart renders as SVG circles with smooth 1000-millisecond transitions, using D3 v6’s `selection.join` to handle enter, update, and exit states. Axes update automatically with `axisLeft` and `axisBottom`, while menus built with a reusable `menu` factory dispatch change events to re-assign the xValue and yValue accessors. Data loads from a GitHub-hosted CSV file, parsed with numeric coercion for the four measurement columns.

AI-generated description

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

Shows the Iris Dataset.