Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Reusable D3 Scatter Plot

Public visualization

Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
Jjmetzg11alpine
Last edited May 8, 2023
Created on May 8, 2023

This animated scatter plot cycles through four measurements from the Iris Dataset, alternately mapping petal width, sepal width, petal length, and sepal length to the x-axis while keeping sepal length on the y-axis. Built with a reusable D3 module, it uses `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG circles and axes, updating every four seconds via `setInterval`. The animation relies on D3’s data join (`selection.join`) to smoothly reposition points as the axes rescale.

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