Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

736f5ad50bb346389872688d5e859fbb

Animated Reusable D3 Scatter Plot

0 stars1🌍 Public
Rroyable88
Last edited Jan 26, 2023
Created on Jan 26, 2023
Forked from Fork of D3 Dynamic

This example shows an animated scatter plot of the Iris dataset, cycling through different flower measurements every two seconds. Built with React and D3 v7, it uses `scaleLinear` and `extent` for axes, with circles rendered via SVG. A reusable `scatterPlot` function updates positions using `transition` with staggered delays, while `axisLeft` and `axisBottom` refresh axes. Data loads from a CSV via `csv` and `parseRow`, and `setInterval` triggers re-renders with new x-values.

AI-generated description

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

See also React Starter.