Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 25 Complete - Scatter Plot

Public visualization

Viewing a saved revision (read-only)

e0cae5be7a964d7dab3437c340fcabd8

Episode 25 Complete - Scatter Plot

0 stars0🌍 Public
RRichard Burd
Last edited Jan 11, 2022
Created on Jan 11, 2022

This interactive scatter plot visualizes the Iris dataset, mapping petal length against sepal width for each flower specimen. The visualization uses d3.scaleLinear to compute x- and y-axis scales from the data extent, with React functional components rendering SVG marks and axes. Hovering over a circle reveals a tooltip displaying the petal length value via the native SVG <title> element. The chart fetches CSV data from a GitHub gist using d3.csv and applies tick formatting with d3.format, styled with Poppins typography and a teal color scheme.

AI-generated description

Completed version of Lesson 25