Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task9_Tutorial

Public visualization

Viewing a saved revision (read-only)

74a3c7ff039745e096a4cd40c0daaed9

Task9_Tutorial

0 stars1🌍 Public
Jjyothirmai318@gmail.com
Last edited Apr 18, 2024
Created on Apr 18, 2024
Forked from Task8_Task(1)

This interactive scatter plot animates the Iris dataset, cycling through four different feature combinations on the x-axis (petal width, sepal width, petal length, sepal length) while keeping petal width on the y-axis. It uses D3.js (v6.7.0) with the `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render SVG circles colored by species. The animation, driven by `setInterval`, updates the plot and redraws axis labels, legends, and a title. The visualization is rendered as an SVG with custom styling for species-based colors and legend markers.

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.