Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Scatterplot with Menus

Public visualization

Viewing a saved revision (read-only)

9f59cf4ef1d44647921c67aa35112071

Animated Scatterplot with Menus

0 stars1🌍 Public
Ccardoza-IPH
Last edited Sep 26, 2022
Created on Sep 26, 2022

This example visualizes the Iris dataset as an animated scatterplot where users can select which columns to plot on the x- and y-axes via dropdown menus. Built with React and D3 v6, it uses `d3.csv` for data loading, `scaleLinear` and `scalePoint` for axes, and SVG circles rendered through a reusable `scatterPlot` component. Transitions animate point positions over 1000ms with staggered delays, while `d3.dispatch` handles menu change events to update the visualization dynamically.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.