Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 9 tutorial1

Public visualization

Viewing a saved revision (read-only)

b56f9aeca20d4ad382c2d9a4638b6f5f

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