Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task9&10_Tutorial

Public visualization

Viewing a saved revision (read-only)

b6b79098ca6f458aa5564d3c69c8a4f2

Task9&10_Tutorial

0 stars0🌍 Public
LLakshmiDeepikaPagadala@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This interactive scatterplot animation cycles through the four Iris flower measurements (petal width, sepal width, petal length, sepal length) from the classic Iris dataset, updating the x-axis every few seconds while keeping sepal length on the y-axis. Data points are color-coded by species, with a legend, axis labels, and title rendered via SVG. The visualization uses the D3.js library (v6.7.0) with a custom `scatterPlot` module that leverages `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for chart construction, while `setInterval` drives the animation.

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.