Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

664b2a3f30f946cabcc89677e8f499fa

Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
Ttrissentety
Last edited Mar 2, 2023
Created on Feb 28, 2023

This animated reusable scatter plot visualizes the Iris Dataset, cycling through four measured attributes (petal width, sepal width, petal length, and sepal length) on the x-axis while keeping sepal length on the y-axis. Built with D3 v6, the chart uses a custom reusable chart function with `scaleLinear`, `axisLeft`, and `axisBottom` to render axes as SVG. Each transition, triggered by `setInterval`, repositions circles with staggered delays via `transition.delay`, while the axes smoothly update using the standard D3 transition API.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.