Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task_9_Tutorial_1

Public visualization

Viewing a saved revision (read-only)

9052eb0b78ee43bc8aeb8ae1fa32a28a

Task_9_Tutorial_1

0 stars0🌍 Public
LLakshmi Keerthi
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from Hello VizHub

This animated scatter plot visualizes the Iris dataset, cycling through four different feature combinations on the x-axis (petal width, sepal width, petal length, sepal length) while keeping sepal length on the y-axis. The three species are distinguished by color (skyblue, lightgreen, orange) and a legend. Built with D3.js (v6), the visualization uses an ES6 module pattern for a reusable `scatterPlot` function that employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs. The animation uses `setInterval` to update the x-axis and redraw the plot, with SVG rendering and text labels for axes and title.

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.