Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

The Animated Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

6d6d0180b46248ca914531c3800acecd

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.