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)

d75cca0b58864f9ab8eaf8d94244071f

Fork of Stylized Scatter Plot

0 stars0🌍 Public
Jjchen6912
Last edited May 8, 2022
Created on May 8, 2022

This example visualizes the classic Iris Dataset, plotting petal length against sepal width for three iris species, distinguished by color through a React-based SVG rendering. A color legend on the right allows interactive filtering; hovering over a legend item fades non-matching points while keeping the selected species fully opaque. The visualization uses D3 v5 scales and axes (`scaleLinear`, `scaleOrdinal`, `AxisBottom`, `AxisLeft`) within a React component structure, with data loaded asynchronously via `d3.csv`. The styled axes and labels use the Poppins font, and tooltips appear on individual points via SVG `<title>` elements.

AI-generated description

A scatter plot of The Iris Dataset.