Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Animated D3 Scatterplot

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed