Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

495f3bebfc5549369aab19f1115f0616

Stylized Scatter Plot

0 stars0🌍 Public
RRebecca Hathaway
Last edited Apr 26, 2020
Created on Apr 26, 2020

A stylized scatter plot visualizes the Iris Dataset, mapping petal length against sepal width. The React component uses `useData` to load CSV data via d3.csv, then renders SVG circles with d3.scaleLinear scales for both axes. Axes are constructed with custom React components that create tick marks and labels, while the `Marks` component adds tooltips using SVG `<title>` elements. The chart features a Poppins font, teal-colored circles, and clearly labeled axes with rotated y-axis text.

AI-generated description

A scatter plot of The Iris Dataset.