Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

910fc7235dd84f5298f97dee99997884

Stylized Scatter Plot

0 stars2🌍 Public
SSerind Joshua McCue
Last edited Aug 20, 2022
Created on Aug 20, 2022
Forked from Stylized Bar Chart

This scatter plot visualizes the relationship between sepal length and sepal width from the Iris dataset, fetched as a CSV via D3’s `csv` loader. It renders 150 circles using React components for axes and marks, with a linear `scaleLinear` mapping both dimensions. The SVG includes styled tick lines, labels, and a Poppins font, while hover tooltips show formatted values via the `<title>` element. The chart applies `.nice()` to round the x-axis domain and uses D3’s `extent` and `format` utilities for tick formatting.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.