Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Stylized Scatter Plot

0 stars1🌍 Public
MMosheAron
Last edited Mar 5, 2021
Created on Mar 5, 2021
Forked from Stylized Bar Chart

This stylized scatter plot visualizes the Iris Dataset, plotting petal length against sepal width as teal circles with a clean, minimal aesthetic. Built with React and D3 v5, it uses `scaleLinear` and `extent` to map data values to SVG coordinates, while separate axis components render grid lines and tick labels. The code defines reusable `AxisBottom`, `AxisLeft`, and `Marks` components, with the latter generating circles and native SVG tooltip titles. The data is loaded asynchronously via a custom `useData` hook that parses CSV values into numbers.

AI-generated description

A scatter plot of The Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed