Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Iris visualize

Public visualization

Viewing a saved revision (read-only)

edbe9b5339ee46e8a3b0667db17fdf26

Iris visualize

0 stars1🌍 Public
Pplchao
Last edited Oct 3, 2023
Created on Sep 26, 2022

This interactive scatterplot displays the classic Iris flower dataset, allowing users to compare any two of the four measured features—sepal length, sepal width, petal length, and petal width—by selecting them from dropdown menus. Each of the 150 flowers is rendered as a semi-transparent circle colored by species, with a legend identifying the three Iris classes. Built with React and D3 v5, the visualization uses `d3.csv` to load the data, `d3.scaleLinear` and `d3.extent` to compute scales, and `d3.axisBottom` and `d3.axisLeft` for the axes. A `change` event listener re-renders the plot whenever the axis selections change.

AI-generated description

A bare minimum HTML page.

See also React Starter.