Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react scatterplot chart

Public visualization

Viewing a saved revision (read-only)

063ec28b0a014e7dab102f6631083754

react scatterplot chart

0 stars2🌍 Public
SSuperShreejit
Last edited May 15, 2022
Created on May 15, 2022
Forked from react bar chart

This React scatterplot visualizes the Iris dataset, plotting sepal length against sepal width with tooltips displaying exact values on hover. The SVG-based chart includes labeled axes and a title. Built with React 18 and D3.js, it uses `scaleLinear` from d3-scale for coordinate mapping, `extent` for domain calculation, and `csv` for data loading. The visualization is composed of reusable components for axes, marks, and the overall chart group, with the dataset fetched from a GitHub-hosted CSV file.

AI-generated description

A react scatterplot of IRIS Dataset