Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tutorial1

Public visualization

Viewing a saved revision (read-only)

62af286aa6a5465dae4b34007bef1430

tutorial1

0 stars0🌍 Public
Ssailalith2000@gmail.com
Last edited Apr 10, 2025
Created on Apr 10, 2025
Forked from Hello VizHub

This example presents an animated scatter plot of the Iris dataset, cycling through different pairings of sepal and petal measurements on the axes. The visualization uses D3.js to load CSV data, render SVG circles colored by species, and update axis scales dynamically with a `setInterval`. It employs reusable custom modules like the `scatterPlot` function, D3 scales (`scaleLinear`), and axis generators (`axisLeft`, `axisBottom`), alongside manual SVG text elements for labels and legends. The dataset is fetched from a GitHub Gist and rendered with smooth, looping transitions.

AI-generated description