Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

iris scatterplot chart

Public visualization

iris scatterplot chart

0 stars2🌍 Public
Sseanowh
Last edited Sep 4, 2021
Created on Sep 4, 2021
Forked from stylised bar chart

This scatterplot visualizes the Iris flower dataset, plotting sepal length on the x-axis against sepal width on the y-axis. The D3.js v7 scaleLinear and extent functions compute the axis scales, while React components render the SVG axes and circular marks. The data is loaded asynchronously from a remote CSV file using D3's csv utility and parsed into numeric values. The chart includes styled tick marks, axis labels, and hover tooltips showing the sepal length value.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed