Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

06f9efb855fc4feaba668749ec84ae76

Stylized Scatter Plot

0 stars0🌍 Public
CColin
Last edited Sep 27, 2020
Created on Sep 27, 2020

This scatter plot visualizes the Iris dataset, showing petal length against sepal width for iris flowers. Built with React and D3 v5, it renders as an SVG with axes generated by custom `AxisBottom` and `AxisLeft` components. The `Marks` component maps data points to circles with tooltips, while scales are created using `scaleLinear` and `extent`. Styling incorporates the Poppins font and a teal color scheme for the marks, with a loading state displayed until the CSV data loads via `useData` and `d3.csv`.

AI-generated description

A scatter plot of The Iris Dataset.