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)

b5eca1d933904740839e8eaf5cdef978

Animated Reusable D3 Scatter Plot

0 stars1🌍 Public
KKhanin Sisaengsuwanchai
Last edited May 25, 2023
Created on May 22, 2023

This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically switch the X and Y axes via dropdown menus. Built with D3.js, it uses a reusable chart module and a custom menu component. The plot animates data point transitions and axis rescaling over one second, with a staggered delay. Data is loaded from a remote CSV, and the chart renders as an SVG, filling the browser window.

AI-generated description

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

Shows the Iris Dataset.