Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable_D3_Scatter_Plot.

Public visualization

Viewing a saved revision (read-only)

2236388c263a4dbc8938c486ca935bd0

Reusable_D3_Scatter_Plot.

0 stars0🌍 Public
LLakshmipriya-kalapala
Last edited Mar 29, 2023
Created on Mar 29, 2023

This example shows an animated scatter plot of the Iris dataset, cycling through different x-axis variables (petal width, sepal width, petal length, sepal length) while keeping sepal length on the y-axis. The visualization uses D3 v6's `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render SVG circles colored by species, with a custom legend and axis labels. Data is loaded via D3's `csv` function from a GitHub gist, and a `setInterval` timer triggers updates to the plot's x-value mapping.

AI-generated description

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

See also React Starter.