Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter plot Activity 8

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

c284c15b727243f9839b43eadccdc8fa

Open

Reusable Scatter plot Activity 8

0 stars0🌍 Public
HHarshiiiiiiiip
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This interactive SVG scatter plot cycles through Iris flower measurements, comparing petal width, sepal width, petal length, and sepal length on the x-axis against sepal length on the y-axis. D3.js (v6) scales axes and animates transitions via `setInterval`, while points are colored by species (setosa, versicolor, virginica) using a manual marker mapping. The example loads data from a remote CSV, builds the chart with a custom `scatterPlot` module using `scaleLinear`, `axisLeft`, and `axisBottom`, and includes a static color legend.

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.