Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 9&10

Public visualization

Viewing a saved revision (read-only)

a19fd92a108f4172a8ace52d660610ae

Task 9&10

0 stars0🌍 Public
Nnsairitwikreddy@gmail.com
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from Hello VizHub

This animated scatter plot visualizes the Iris dataset, showing flower measurements across four variable combinations. It cycles through petal width, sepal width, petal length, and sepal length on the x-axis while keeping petal width on the y-axis. The code uses D3.js with a reusable `scatterPlot` module built on `scaleLinear`, `axisLeft`, `axisBottom`, and `extent`, updating via `setInterval`. Species are color-coded with a legend, and circles are rendered as SVG elements with animated axis transitions.

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.