Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task-Assignment-2

Public visualization

Viewing a saved revision (read-only)

8385a30bbb22424fb8094447f1936e00

Task-Assignment-2

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

This example presents an animated scatter plot of the Iris dataset, cycling through different flower measurements on the x-axis while keeping sepal length fixed on the y-axis. It uses D3 version 6 to load the CSV data via `d3.csv`, scales with `d3.scaleLinear`, and renders axes with `d3.axisLeft` and `d3.axisBottom`. A custom reusable `scatterPlot` ES6 module manages the chart’s configuration, while a `setInterval` loop updates the x-axis and redraws the SVG elements. Circles are colored by species (setosa, versicolor, virginica), with a static legend and title displayed.

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.