Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 9 tutorial1

Public visualization

Viewing a saved revision (read-only)

9cf88075b60e48018692ba87eef9797d

Activity 9 tutorial1

0 stars0🌍 Public
Cchinnivikramnunna@gmail.com
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from Hello HTML

This animated scatter plot visualizes the Iris dataset, cycling through different combinations of sepal and petal measurements on the x-axis while maintaining petal width on the y-axis. The visualization uses D3.js (v6.7.0) with custom scaling and axis functions from the `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs. Species are color-coded via a marker function mapping setosa, versicolor, and virginica to distinct colors. The plot includes a rotating axis label, a legend with colored points, and updates every few seconds to show different variable pairings. The title and axis labels are rendered using SVG text elements with custom styling.

AI-generated description