Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter plot Activity 8

Public visualization

Viewing a saved revision (read-only)

257f36aec0084e76928b1dd29ba0de40

Reusable Scatter plot Activity 8

0 stars0🌍 Public
Aanith462@gmail.com
Last edited Jul 19, 2023
Created on Jul 19, 2023
Forked from Hello VizHub

This example presents an animated scatter plot of the Iris dataset, cycling through different pairings of sepal and petal measurements on the x-axis while keeping petal width on the y-axis. Each point is colored by species, with a legend and explicit axis labels that update with the animation. The visualization is built using D3.js version 6.7.0, loading data via the `csv` function and leveraging a custom `scatterPlot` module that uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The SVG rendering is refreshed on an interval, updating axes and labels dynamically.

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.