Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HW01-Iris

Public visualization

Viewing a saved revision (read-only)

c176798829934182a5cb15edc7be502b

HW01-Iris

0 stars0🌍 Public
YYang Shun Yu
Last edited Sep 18, 2023
Created on Sep 18, 2023
Forked from HTML Starter

This interactive scatterplot explores the classic Iris dataset, displaying the relationships between sepal and petal measurements. Users can select any combination of the four attributes for the X and Y axes using radio buttons, and the visualization updates accordingly. The three Iris species are distinguished by color: purple, magenta, and indigo, with a legend shown above the chart. Built with React and D3.js (d3.scaleLinear, d3.axisBottom, d3.axisLeft), the SVG plot is rendered dynamically and responds to window resizing. Data is loaded asynchronously from a CSV file via d3.csv.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.