Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter plot

Public visualization

Viewing a saved revision (read-only)

b3f0fb1997ca44cab6a49cd303f1c4f7

Scatter plot

0 stars2🌍 Public
MmohitPassan
Last edited Apr 27, 2021
Created on Apr 27, 2021
Forked from Stylised bar chart

This scatter plot uses the classic Iris dataset to visualize the relationship between petal length and petal width. The chart is rendered as an SVG using React, with D3.js computing the linear scales via `scaleLinear` and `extent` to map data values to pixel coordinates. The x- and y-axes are generated by the custom `AxisBottom` and `AxisLeft` components, which use D3's scale `ticks` to position grid lines and labels. Data points are drawn as circles with a constant radius, and hovering reveals a tooltip via an SVG `<title>` element.

AI-generated description

Scatter plot of iris dataset using d3 and keeps track using react