Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

c64ea583249146e6bb10ed7f911ebf29

Stylized Scatter Plot

0 stars2🌍 Public
KKevin McMorrow
Last edited Sep 28, 2021
Created on Sep 28, 2021
Forked from Stylized Bar Chart

This stylized scatter plot visualizes the relationship between petal length and sepal width in Fisher’s Iris dataset, encoding each flower as a circle with a tooltip showing its petal length on hover. The D3.js v7 scales (`d3.scaleLinear`) map the data to SVG coordinates, with axes drawn via custom `AxisBottom` and `AxisLeft` components. The React application loads the CSV using `d3.csv`, formats tick labels with `d3.format`, and renders the plot using SVG elements. The Poppins font and muted color scheme give the chart a clean, modern aesthetic.

AI-generated description