Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

600478c707914096a27a3e2c220f7220

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.