Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable_D3_Scatter_Plot.

Public visualization

Viewing a saved revision (read-only)

3240ce4e94bb4b759c4f162be1f3a20b

Reusable_D3_Scatter_Plot.

0 stars0🌍 Public
Yyamunaunt
Last edited Mar 29, 2023
Created on Mar 29, 2023

This example demonstrates an animated scatter plot of the Iris dataset, cycling through different feature pairs on the x-axis while keeping sepal length on the y-axis. Points are colored by species using hard-coded color mapping. The visualization uses D3.js (v6) with a reusable `scatterPlot` module that handles scales, axes, and circle rendering via SVG. A `setInterval` triggers updates to the x-value accessor, and the plot re-renders with new axes and titles, including a legend and axis labels.

AI-generated description

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

See also React Starter.