Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylezd Scattered Plot

Public visualization

Viewing a saved revision (read-only)

5b8232b87eb649229e3b9d7a73a905d8

Stylezd Scattered Plot

0 stars0🌍 Public
FFulvio Vigilante
Last edited Jul 15, 2021
Created on Jul 15, 2021
Forked from Stylezed Bar Chart

This scatter plot displays the relationship between sepal length and sepal width from the Iris dataset, with each flower represented as a teal circle. The visualization uses React with d3.v7’s `scaleLinear`, `extent`, and `format` functions to map data coordinates to SVG positions. Custom React components (`AxisBottom`, `AxisLeft`, `Marks`) render the axes and data points, while `useData` fetches and parses the CSV via d3.csv. Styled with the Poppins font and muted axis colors, the plot includes hover tooltips via SVG `<title>` elements.

AI-generated description