Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Animated D3 Scatterplot with Category Data

Public visualization

Viewing a saved revision (read-only)

c50ca23618ed40c986173993f5c42ed8

Reusable Animated D3 Scatterplot with Category Data

0 stars0🌍 Public
Vvschan2
Last edited May 1, 2024
Created on Apr 15, 2024

This interactive scatterplot displays the Iris dataset, allowing users to explore relationships between sepal and petal measurements. Dropdown menus let users switch any axis between quantitative measurements or the categorical species attribute, with points smoothly animating to new positions over two seconds. Species are distinguished by both color and different geometric symbols, and axes and titles transition accordingly. Built with D3 7.9, it uses `scalePoint` for categorical axes, `scaleLinear` for quantitative ones, `transition` for synchronized animations, and `symbol` for marker shapes, rendering as SVG.

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.