Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

e2be70a0a66a4e08a7dc2e08839b73b6

Fork of Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
Sszhang99
Last edited Jun 16, 2023
Created on Jun 16, 2023

This example shows an animated scatter plot of the Iris dataset, cycling through different combinations of sepal and petal measurements every three seconds. The chart is built with d3.v6, using `scaleLinear`, `axisLeft`, `axisBottom`, and `selection.join` to handle enter, update, and exit transitions. Circles grow from radius zero on entry, smoothly reposition with staggered delays during updates, and the axes animate alongside using `transition`. Data loads as CSV from a gist, and the SVG renders full-screen with a custom font.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.