Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter plot with customize axes

Public visualization

Viewing a saved revision (read-only)

b78e8e613d3c49149594d1688e8e141c

Scatter plot with customize axes

0 stars0🌍 Public
SS733-cmd
Last edited Feb 4, 2020
Created on Feb 4, 2020

This scatter plot displays the population of the ten most populous countries, with each country positioned along a categorical y-axis and its population scaled linearly on the x-axis. The chart customizes its axes by removing domain lines, adding gridlines through tick sizes, and formatting population labels with d3.format to abbreviate large numbers. Built with React and rendered as SVG, it uses d3.scalePoint for the y-axis, d3.scaleLinear for the x-axis, and d3.axisLeft and d3.axisBottom to generate the ticks. Data loads from a CSV file using d3.csv.

AI-generated description

A bare minimum HTML page.

See also React Starter.