Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Iris Scatter Plot React & D3

Public visualization

Viewing a saved revision (read-only)

a35b25973c994f80a4463a69090d47df

Iris Scatter Plot React & D3

0 stars0🌍 Public
JJeyasuriya M
Last edited Nov 27, 2021
Created on Nov 27, 2021

This example visualizes the Iris flower dataset as a scatter plot, showing sepal length against sepal width. Built with React and D3 v5, it renders SVG circles for each data point, with axes and tick marks generated from D3 scales. The code uses `scaleLinear`, `extent`, and `format` from D3 for scaling and tick formatting, while React components like `AxisBottom`, `AxisLeft`, and `Marks` structure the visualization. Data is loaded asynchronously via D3's `csv` utility and parsed into numeric values.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!