Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot (animated, menu including species)

Public visualization

Viewing a saved revision (read-only)

abaef7fc2abc4015920b86b582e950bd

Scatter Plot (animated, menu including species)

0 stars0🌍 Public
PPeiyang Li
Last edited May 2, 2023
Created on May 2, 2023

This interactive scatter plot displays the classic Iris flower dataset, allowing users to explore relationships between measurements of sepal and petal dimensions. Two dropdown menus, built with a custom reusable `menu` component, let viewers dynamically select which quantitative or categorical column corresponds to the X and Y axes. The visualization uses D3.js v7, with `scaleLinear` and `extent` for scaling, and `axisLeft` and `axisBottom` for axes. SVG circle elements transition smoothly to new positions over one-second intervals when the selected dimensions change, creating an animated exploration of the data.

AI-generated description

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

See also React Starter.