Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

82a3e95adba84a1b842b058fd115bc40

Fork of Stylized Scatter Plot

0 stars0🌍 Public
SSophia Chiao
Last edited May 24, 2022
Created on May 24, 2022

This example visualizes the Iris Dataset, plotting petal length against sepal width as a stylized scatter plot. Built with React and D3 v5, it uses `d3.scaleLinear` for both axes and renders SVG circles for each data point. The code includes reusable axis and mark components, with tick formatting via `d3.format` and hover tooltips using SVG `<title>` elements. Data loads asynchronously from a CSV URL using `d3.csv`, and the visualization features custom axis labels and a clean, minimalist design with the Poppins font.

AI-generated description

A scatter plot of The Iris Dataset.