Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter plot

Public visualization

Viewing a saved revision (read-only)

fbd5eb90440b4b27a30071d25c5af19c

Stylized Scatter plot

0 stars4🌍 Public
Mmartinbirch@outlook.dk
Last edited Apr 29, 2024
Created on Apr 29, 2024
Forked from Stylized Bar Chart

This example visualizes the classic Iris dataset, plotting sepal length against sepal width as a scatter plot. The data is loaded as CSV using `d3.csv` and rendered as SVG circles within a React component. Linear scales via `d3.scaleLinear` and `d3.extent` map the data to the chart area, with axes generated by custom React components using `xScale.ticks()`. The visualization uses a clean, stylized design with the Poppins font, teal marks, and labeled axes, while native SVG `<title>` elements provide tooltips.

AI-generated description

A program that shows scatterplot of the iris dataset

Data: The Iris Dataset