Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

3120950f76004c23b004f1d8da6d84a6

Animated Scatter Plot with Menus

0 stars1🌍 Public
KKhanAzmat
Last edited Jan 3, 2023
Created on Jan 2, 2023

This animated scatter plot displays the Iris dataset, with menus for selecting which quantitative or categorical attributes map to the x- and y-axes. D3's data join, with transitions, animates circles smoothly to new positions and scales as selections change. The code uses reusable chart and menu modules built on d3.js APIs, including `scaleLinear`, `scalePoint`, `axisBottom`, `axisLeft`, and `transition`. The visualization renders as SVG, and axes update with the selected columns.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.