Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React Scatter Plot

Public visualization

Viewing a saved revision (read-only)

4003579a01bd4060a46553116c616db0

React Scatter Plot

0 stars3🌍 Public
AAnthony Ynami
Last edited Feb 21, 2021
Created on Feb 19, 2021

This React-based scatter plot visualizes the Iris dataset, mapping sepal length and width for each flower specimen as circles. The chart uses D3 v6 scales and axes to position marks within an SVG, with tick marks generated via `xScale.ticks()` and rendered as SVG lines and text. React components manage the visualization’s structure, while D3’s `csv` and `scaleLinear` handle data loading and coordinate mapping. The marks include native SVG tooltips via `<title>` elements, and axis labels rotate for the y-axis.

AI-generated description

A Scatter Plot of the Iris Dataset