🌍 Public
Viewing a saved revision (read-only)
07acfdfe75dd43b89605894c6dc8bc7b
Tutorial
This animated scatter plot cycles through different Iris flower measurements on the x-axis, plotting petal width, sepal width, petal length, and sepal length in sequence. The visualization uses D3.js v6 (d3.csv, d3.scaleLinear, d3.axisLeft, d3.axisBottom) to render SVG circles and axes, with hard-coded color coding by species above a legend. The x-axis label and scatter positions update every few seconds via setInterval, while the y-axis remains sepal width. Data comes from a gist-hosted CSV of the classic Iris dataset.
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.