Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

scatter chart

Public visualization

Viewing a saved revision (read-only)

4a0ee08784f849e2b1ebdd84e99e01df

scatter chart

0 stars4🌍 Public
Vvijaytayal
Last edited Sep 9, 2021
Created on Sep 9, 2021

This scatter chart visualizes the relationship between sepal length and sepal width in the Iris flower dataset. The code combines React with D3 utilities—including `scaleLinear`, `extent`, and `csv`—to load and render data as SVG circles with axis labels. Tooltips appear via native HTML `<title>` elements within each mark, showing the formatted sepal length value. Axes are constructed with custom React components that map D3 scales to SVG grid lines and tick labels.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.