Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Country scatterplot

Public visualization

Viewing a saved revision (read-only)

1d02930bbce24bc59e7a24dd4f03ddb1

Country scatterplot

0 stars1🌍 Public
JJordy Fronik
Last edited Nov 3, 2020
Created on Nov 3, 2020
Forked from Bar chart

This scatterplot displays the population of the top 10 most populous countries, with each circle’s horizontal position encoding population size and vertical position encoding country name. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scalePoint for scales, and d3.axisLeft and d3.axisBottom for axes. Population values are multiplied by 1000 during preprocessing, and tick labels are formatted with d3.format to abbreviate large numbers. Rendered as SVG, the chart includes grid lines and styled circles with a steelblue fill.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.