Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity7.1_tutorial

Public visualization

Viewing a saved revision (read-only)

5808746ffd3c49578bbf66b7e29e3ba2

activity7.1_tutorial

0 stars0🌍 Public
Ssravani1969@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from activity7

This animated scatterplot cycles through different Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis while plotting sepal length on the y-axis. Using D3.js v6, it loads the Iris dataset via `d3.csv`, renders circles colored by species, and updates axes through a `setInterval` loop. The code builds a reusable scatter plot component with `d3.scaleLinear`, `axisBottom`, and `axisLeft`, and includes a custom legend, title, and axis labels, all rendered as SVG with CSS styling.

AI-generated description