Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Reusable ScatterPlot with Symbols & Axis Labels + Idempotent

Public visualization

Viewing a saved revision (read-only)

67f053d15f6741bfac30dfaf2295dae4

Animated Reusable ScatterPlot with Symbols & Axis Labels + Idempotent

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

This example demonstrates an animated scatter plot that cycles through different Iris dataset columns, updating the x-axis values every two seconds. The visualization uses D3.js version 7.8.0 with a reusable `scatterPlot` function that employs SVG rendering. It uses `scaleLinear`, `scaleOrdinal`, `symbols`, and `transition` to animate the movement of data points, while `axisLeft` and `axisBottom` generate the labeled axes. The plot displays different Iris varieties with distinct symbols, and hovering over a point changes its color from black to red.

AI-generated description

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

See also React Starter.