Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Animated D3 Scatterplot with Symbols

Public visualization

Viewing a saved revision (read-only)

872d206cb00e4d1988634972d841dfaa

Reusable Animated D3 Scatterplot with Symbols

0 stars1🌍 Public
Mmegan-grannan
Last edited Aug 15, 2023
Created on Aug 15, 2023

This animated scatterplot cycles through the Iris dataset’s four numeric attributes, using D3’s `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to map petal and sepal measurements. A `transition` with a one-second delay animates point positions and axis updates every three seconds. The chart colors points by species using a viridis palette and applies `symbols` and `symbol` scales, though only circles render. The x-axis label updates dynamically, while the SVG canvas fills the viewport.

AI-generated description

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

See also React Starter.