Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity9_Tutorial

Public visualization

Viewing a saved revision (read-only)

48c94f37291a48e9a9e65b7c032dea24

Activity9_Tutorial

0 stars0🌍 Public
Zzoe.romo@att.net
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from Hello VizHub

This animated scatter plot of the classic Iris dataset cycles through the four measured features (petal and sepal length and width) on the x-axis while keeping sepal length on the y-axis, using color-coded markers for the three species. The visualization highlights how different feature combinations separate species clusters, with a legend and axes updating at each interval. Built with D3.js (v6), it uses the `csv` loader to fetch data from a GitHub Gist and relies on D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs within a custom `scatterPlot` function to render the SVG marks and scales.

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.