Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Scatterplot with Menus

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed