Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep. 10 Idempotent Scatter Plot

Public visualization

Viewing a saved revision (read-only)

d1db67d331984fd8b3dc247df464df7d

Ep. 10 Idempotent Scatter Plot

0 stars1🌍 Public
Ddanheavern
Last edited May 8, 2022
Created on May 8, 2022

An idempotent scatter plot cycles through four Iris flower measurements every two seconds, animating between different x-axis variables while keeping sepal length on the y-axis. Built with React and D3 v7, it uses `scaleLinear`, `scaleOrdinal` with `schemeCategory10`, and `axisLeft`/`axisBottom` to render SVG circles with hover effects. Data loads from a CSV via `d3.csv`, and the reusable `scatterPlot` function updates axes and marks through `selection.join`, creating a seamless, repeatable transition.

AI-generated description

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

See also React Starter.