Skip to main content
100%

Animated Scatterplot with Menus

✓ Published1🌍 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.

MIT Licensed

Similar vizzes