Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable (ProD3.js) Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

d3904929d51a45e6bc9097f231861868

Reusable (ProD3.js) Animated Scatter Plot with Menus

0 stars1🌍 Public
JJimMaltby
Last edited Apr 18, 2022
Created on Apr 18, 2022

This animated scatter plot visualizes the Iris dataset, displaying measurements of petal and sepal dimensions. The visualization is a reusable D3 component that allows users to dynamically switch which features appear on the x and y axes through dropdown menus. Using D3's transition system, data points smoothly animate between positions when axis selections change, with circles initially appearing with a growth effect. The chart renders as SVG and uses d3.scaleLinear, d3.extent, and d3.axis functions to construct scales and axes dynamically.

AI-generated description

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

Shows the Iris Dataset.