Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_7.1Tutorial

Public visualization

Viewing a saved revision (read-only)

dc8efd5be3a14a4181f1ea9d51dc7d3d

Activity_7.1Tutorial

0 stars2🌍 Public
Rrahman.mehmood2002@gmail.com
Last edited Oct 30, 2024
Created on Oct 30, 2024
Forked from Hello VizHub

This animated scatterplot, built with D3.js, visualizes the classic Iris flower dataset, showing how different species cluster across various measurement combinations. It cycles through four different x-axis attributes—petal width, sepal width, petal length, and sepal length—while keeping sepal length on the y-axis, with colored circles distinguishing setosa, versicolor, and virginica. The visualization uses D3's `csv` loader, `scaleLinear`, and `axisBottom`/`axisLeft` utilities, with a custom reusable `scatterPlot` module. It renders as an SVG and updates its axes and labels every few seconds via `setInterval`.

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.