Skip to main content
100%

Activity-7 Tutorial

✓ Published0🌍 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.
MIT Licensed

Similar vizzes