Viewing a saved revision (read-only)
c467554d01bb430c9628d04cee03b8da
Activity10_Tutorial
This animated scatter plot demonstrates the classic Iris flower dataset, cycling through different feature combinations on the x-axis every few seconds. Each point represents a flower sample, colored by species (setosa, versicolor, virginica) with a custom legend and axis labels. The visualization uses the D3 library (v6.7.0) with reusable chart components built through `scatterPlot()`, which leverages `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` for scales and axes. Data is loaded asynchronously via `csv()` from a GitHub Gist, while `setInterval()` drives the animation, updating the x-axis mapping and redrawing circles with an SVG-based rendering approach.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.