Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Viewing a saved revision (read-only)

5da46c6340e441668a03e25256672f7f

Activity 7

0 stars0🌍 Public
JJayanth Reddy Sripathi
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This interactive scatter plot animates through different x-axis variables of the Iris dataset, cycling between petal width, sepal width, petal length, and sepal length. The visualization uses D3 v6 to load CSV data, render SVG circles colored by species, and update axes dynamically via `setInterval`. It implements a reusable chart pattern with `scatterPlot.js` exporting a configurable function that uses `scaleLinear`, `extent`, and axis components. The animation demonstrates how the same data points reposition as different dimensions are mapped to the x-axis, with circles maintaining fixed colors and a static y-axis.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.