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)

bf6f2d8abc1c4860ba747bd92918690d

Fork of Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
Hhyeonukim91
Last edited Oct 3, 2022
Created on Oct 3, 2022

This example demonstrates an animated scatter plot of the Iris dataset, cycling through different attribute pairs on the x-axis every three seconds. The visualization uses D3 v6 APIs including `scaleLinear`, `axisLeft`, `axisBottom`, and `selection.join` to handle enter, update, and exit transitions smoothly. Circles grow from radius zero on entry and reposition with staggered delays during updates. The plot reads data from a CSV file, renders as SVG, and animates axes and points over a one-second transition.

AI-generated description

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

Shows the Iris Dataset.