Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Reusable ScatterPlot with Symbols & Axis Labels + Idempotent 2

Public visualization

Viewing a saved revision (read-only)

9207e1723e1a4753815099d51f934a03

Animated Reusable ScatterPlot with Symbols & Axis Labels + Idempotent 2

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

This example shows an animated scatter plot of the Iris dataset, cycling through four flower measurements (petal length, petal width, sepal width, sepal length) every two seconds. The plot uses SVG rendering with D3.js, employing scales for axes, ordinal symbols to distinguish the three flower varieties, and a transition system to animate changes. The reusable scatter plot component updates data bindings idempotently, with axis labels and hover interactions that change symbol colors.

AI-generated description

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

See also React Starter.