Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 7

Public visualization

Viewing a saved revision (read-only)

3f83a0efe3ff404f8010c26525a56b20

activity 7

0 stars0🌍 Public
Ssindhureddykandada@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This animated scatter plot visualizes the Iris flower dataset, cycling through different pairings of sepal and petal measurements on the x-axis while keeping sepal length on the y-axis. The D3.js library (v6.7.0) powers the visualization, with data loaded via `d3.csv` and scales and axes built using `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom`. The chart uses `setInterval` to periodically change the x-axis variable and updates the SVG circles, labels, and legend accordingly, with colors distinguishing the three Iris species.

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.