Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep 25 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

89435f494ac14826a59d410907e9289b

Ep 25 Scatter Plot

0 stars0🌍 Public
GGordon Yang
Last edited Apr 9, 2021
Created on Apr 8, 2021

This scatter plot visualizes the Iris dataset, mapping petal width on the x-axis against petal length on the y-axis using a linear scale. The React-based visualization renders circles as SVG marks, with axes generated by custom React components that leverage d3’s scaleLinear and extent functions. Hovering over each circle reveals its value via a native SVG title tooltip. The chart is styled with Poppins font and muted colors, with axis labels and tick formatting applied through d3’s format function.

AI-generated description

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

See also React Starter.