Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Basic Scatter Plot with React & D3

Public visualization

Viewing a saved revision (read-only)

3b81c0875dc241ceb2ba4810eea3b4cd

Basic Scatter Plot with React & D3

0 stars1🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Sep 10, 2025
Created on Sep 10, 2025

This example demonstrates a basic scatter plot for exploring the relationship between sepal length and sepal width in the Iris dataset. The React app includes a file input that lets users load their own CSV data. It uses D3 v7’s `scaleLinear` and `extent` to map data values to SVG coordinates, with points rendered as `circle` elements via a `join` operation. The plot updates dynamically upon file upload.

AI-generated description