Skip to main content
100%

D3 Scatter Plot Color Animation

✓ Published1🌍 Public
Ppkdvalis
Last edited Nov 29, 2023
Created on Nov 28, 2023
Forked from HTML Starter

This is an animated scatter plot of the Fisher Iris dataset, where each point represents a flower. All points initially appear grey, then sequentially transition through a color animation, changing to red, green, or violet based on the species (setosa, versicolor, virginica), before fading back to grey in a repeating cycle. The visualization uses D3 v7 to load the CSV data and render SVG circles. It leverages `d3.scaleLinear` for axes, `d3.extent` for domain scaling, and applies `transition().duration().delay()` to stagger the fill color changes across data points.

AI-generated description

D3 Scatter Plot Color Animation.

Using the Fisher Iris data set

All data points start off as grey and slowly change color based on the species then fade back to grey.

MIT Licensed

Similar vizzes