Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

1Scatter Plot with React & D3

Public visualization

Viewing a saved revision (read-only)

1f64b5a43a54480b902260a2f9f40bc2

1Scatter Plot with React & D3

0 stars2🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Sep 17, 2025
Created on Sep 17, 2025

This scatter plot visualizes the Iris dataset, plotting sepal length on the x-axis against sepal width on the y-axis for 150 individual flowers. The visualization is built using `d3.scaleLinear` for axis scaling and `d3.extent` to compute data domains, with React managing the SVG element lifecycle and state. It loads CSV data asynchronously via `d3.csv`, renders axes with `d3.axisBottom` and `d3.axisLeft`, and draws circles for each data point. The chart includes labeled axes and uses a fixed black fill for all points.

AI-generated description