Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial

Public visualization

Tutorial

0 stars0🌍 Public
Sshaikfiroze186@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024
Forked from Hello VizHub

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 description

A demonstration of reusable scatter plot.

Comments

Sign in to join the discussion.

MIT Licensed