Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Iris Scatterplot

Public visualization

Viewing a saved revision (read-only)

186e0baf38ea4dc492e823a58c53446d

Iris Scatterplot

0 stars0🌍 Public
RRod* Wilhelmy
Last edited Dec 28, 2021
Created on Dec 28, 2021

This example visualizes the Iris dataset, showing each flower’s sepal length against its sepal width as a point on a scatterplot. The chart uses React to render SVG circles via a custom `Marks` component, with D3 scales (`d3.scaleLinear`) and axes generated by reusable `AxisBottom` and `AxisLeft` components. Data is loaded asynchronously from a CSV file using `useData` and `d3.csv`, and hoverable tooltips are provided through SVG `<title>` elements. The visualization emphasizes clean axes and labeled tick marks for readability.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.