Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-9_Task-1

Public visualization

Viewing a saved revision (read-only)

5566ddd50ef3429cb7ae0e4813a39d87

Activity-9_Task-1

0 stars0🌍 Public
Hharipadmavathim2023@gmail.com
Last edited Apr 20, 2024
Created on Apr 20, 2024
Forked from Hello VizHub

This animated scatter plot cycles through four Iris flower measurements, showing how petal width, sepal width, petal length, and sepal length correlate on the x-axis against petal width on the y-axis. The visualization uses D3 v6 to load CSV data from a GitHub gist and render circles colored by species (setosa, versicolor, virginica). A setInterval callback updates the x-value mapping and re-renders the axes and circles, while custom legends, labels, and a title are drawn with SVG elements. The reusable scatterPlot module uses scaleLinear, axisLeft, and axisBottom to construct the chart.

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.