Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react scatterplot iris data

Public visualization

react scatterplot iris data

0 stars1🌍 Public
MMalcolm Mead
Last edited Jan 20, 2022
Created on Jan 19, 2022

This interactive scatterplot visualizes the Iris dataset, plotting sepal width against petal length for individual flowers. Each point is rendered as a circle using React components that leverage d3.scaleLinear for x and y positioning, with d3.extent determining the domain. The visualization includes axes generated by custom AxisBottom and AxisLeft components, plus formatting via d3.format. Data loads asynchronously from a CSV using d3.csv within a React hook, and tooltips display formatted values through SVG title elements.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed