Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Iris Scatter Plot v1

Public visualization

Viewing a saved revision (read-only)

59e2a88570d64b4aaafa6a7ccbd1264b

Iris Scatter Plot v1

0 stars2🌍 Public
JJohn Lewis
Last edited Nov 1, 2021
Created on Nov 1, 2021

This interactive scatter plot displays sepal length against sepal width for the classic Iris dataset, with each of the 150 flowers represented as a teal circle positioned by linear scales. The visualization includes labeled axes with formatted tick marks and hover tooltips that reveal exact sepal length values. Built with React and D3 v7, the code uses d3.scaleLinear and d3.extent to map data coordinates to SVG space, while custom React components (AxisBottom, AxisLeft, and Marks) render the axes and circles from CSV data loaded via d3.csv.

AI-generated description

A program that uses data to render scatter plot graph of Iris sepal and petal data