Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Animated D3 Scatterplot

Public visualization

Viewing a saved revision (read-only)

b00ad0fce25741249f75990b3ab0edce

Reusable Animated D3 Scatterplot

0 stars1🌍 Public
Vvschan2
Last edited Apr 15, 2024
Created on Apr 14, 2024

An animated scatterplot cycles through four Iris flower measurements, updating the x-axis every 3.5 seconds while keeping sepal length on the y-axis. D3 version 7 renders SVG symbols whose size reflects petal width and whose color and shape encode species. The reusable `scatterplot` function uses `scaleLinear`, `scaleSqrt`, `scaleOrdinal`, and `transition` to animate axis changes and point movement, loading data from a CSV via `d3.csv`.

AI-generated description

Part of the "Get it Right in Black and White" course, an edited collection of live streams taught by Dr. Curran Kelleher.