Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-7 Tutorial

Public visualization

Viewing a saved revision (read-only)

cf9f1283fa3f46568b5390e58ed7b232

Activity-7 Tutorial

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

This animated scatterplot cycles through four Iris flower measurements, plotting petal width, sepal width, petal length, and sepal length on the x-axis while sepal length remains on the y-axis. The visualization uses D3.js modules imported via UNPKG, including `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` for data parsing, with a custom `scatterPlot` function handling the SVG rendering. Circles are color-coded by species—lightblue for setosa, lightgreen for versicolor, and orange for virginica—with a legend and axis labels updated every two seconds via `setInterval`. The code demonstrates local ES6 module imports and dynamic chart reconfiguration with smooth 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.