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)

56bc2be3406d41d5b20c4b2d079eb2f3

Animated Reusable D3 Scatter Plot

0 stars2🌍 Public
Nnim@brejnholt.dk
Last edited Feb 5, 2024
Created on Feb 2, 2024

This example animates a reusable D3 scatter plot that cycles through different iris flower measurements every 3 seconds. It uses D3’s `scaleLinear`, `axisLeft`, `axisBottom`, and the `transition` API to smoothly move circles and axes between states. The code fetches CSV data from a GitHub gist and renders SVG circles with staggered enter/update transitions, changing the x-axis mapping among petal width, sepal width, petal length, and sepal length.

AI-generated description