Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep. 11 Scatter Plot (Animated) w/ Menu

Public visualization

Viewing a saved revision (read-only)

ad5def49ed4f4d58b0b39995fbde3cbe

Ep. 11 Scatter Plot (Animated) w/ Menu

0 stars1🌍 Public
Ddanheavern
Last edited May 8, 2022
Created on May 8, 2022

This interactive scatter plot displays the classic Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across species. Two dropdown menus, built with a custom `d3.dispatch`-based menu component, let viewers select which measurement appears on each axis. When a selection changes, the visualization animates smoothly, with circles transitioning to new positions using `d3.transition`. The chart is rendered as SVG, with axes and circles updated dynamically, while colors encode species using `d3.scaleOrdinal` with `schemeCategory10`. Hovering temporarily enlarges circles via CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.