Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Animated Reusable D3 Scatter Plot

Public visualization

The Animated Reusable D3 Scatter Plot

0 stars1🌍 Public
AAndre J Denais
Last edited Sep 2, 2021
Created on Sep 1, 2021

This animated scatter plot cycles through four attributes of the Iris Dataset—petal width, sepal width, petal length, and sepal length—on the x-axis while keeping sepal length on the y-axis. Built as a reusable D3 module, it uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `transition` to smoothly move circles and update axes every 3.5 seconds. The SVG rendering includes staggered update delays per point, with enter animations growing radius from zero, all styled with the Share Tech font.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed