Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React Scatter Plot

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed