Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Scatter plot

Public visualization

Viewing a saved revision (read-only)

07560971a6564e0a9a155b32f0651cef

Making a Scatter plot

0 stars3🌍 Public
SShanmukh
Last edited May 1, 2024
Created on Apr 24, 2024
Forked from Stylized Bar chart

This example shows an interactive scatter plot of Iris flower measurements, plotting petal length along the x-axis against sepal width on the y-axis. The visualization uses React components to render SVG elements, with D3 v5 handling data loading via `d3.csv` and scales through `d3.scaleLinear` and `d3.extent`. Data comes from the Iris dataset fetched from a GitHub gist. Axes are built from custom React components that map D3 scales to SVG tick marks and labels, while each data point is rendered as a circle with a tooltip showing the formatted petal length.

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.