Skip to main content
SimilarExport ZIP
100%

Population Scatter Plot

✓ Published1🌍 Public
AAmar Nath Yogi
Last edited Jan 21, 2020
Created on Jan 4, 2020
Forked from Customizing Axis

This chart shows the top 10 most populous countries as labeled circles on a scatter plot, using a point scale for country names and a linear scale for population. Data is loaded from a CSV file containing 2018 United Nations population estimates. The visualization uses d3.csv, d3.scaleLinear, d3.scalePoint, and d3.axisLeft with d3.axisBottom, rendering circles in SVG with axis tick lines. Hover effects change circle fills, and the chart includes a title and axis label formatted with d3.format.

AI-generated description

This chart shows the population of the top 10 most populated countries. The data comes from the year 2018 estimate in "United Nations: 2018 World Population Prospects".

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. Each circle represents a country, positioned along a linear population scale and a point-based categorical scale for country names, with a bar-chart-like layout. The visualization is built with d3.csv, d3.scaleLinear, d3.scalePoint, axisBottom, and axisLeft, rendering circles as SVG elements. Population values are formatted with d3.format and converted from thousands, with axes extended by grid lines via tickSize.

MMounikaBeerelly
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. Each circle’s horizontal position encodes population size, while the vertical axis lists country names. The visualization uses D3 v5 with `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to construct the chart, rendering as SVG. Data is loaded from a CSV file, with population values multiplied by 1000 for display.

IIyke2909
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries as circles positioned along a linear population scale and a categorical country scale. The data, sourced from the 2018 United Nations World Population Prospects, is loaded via d3.csv and rendered as SVG. The visualization uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom with custom tick formatting and grid lines. Circle styling and axis labels are controlled through external CSS, demonstrating customization of D3 axes and scales.

Nnoelmiranda
94% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, using 2019 estimates from the United Nations. The chart uses d3.csv to load the data and d3.scaleLinear for the population axis, with d3.scalePoint for the categorical country positions. Circles are rendered via SVG, with d3.axisLeft and d3.axisBottom providing grid lines and tick labels formatted using d3.format. The visualization emphasizes ranking through a vertical layout, with a title and axis labels styled via CSS.

SShawn Kearney
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top ten most populous countries, with each country represented as a circle positioned along a linear population axis and a categorical country axis. The data comes from the 2018 estimate in the United Nations World Population Prospects. Built with D3 v5, the visualization uses `d3.scaleLinear` and `d3.scalePoint` for axes, `d3.axisLeft` and `d3.axisBottom` for ticks, and SVG circles with a radius of 10 pixels. The code reads data from a CSV file, multiplies the population values by 1000, and renders the chart within an SVG canvas with custom margins and grid lines.

IIsabel
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, based on 2020 estimates from the United Nations World Population Prospects. Each circle represents a country, positioned along the y-axis by name and the x-axis by population count. The visualization utilizes D3 v6 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, rendering as SVG. Population data from a CSV file is loaded and scaled, with grid lines and axis labels formatted using D3’s `format` function.

AAnthony Ynami
94% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, using circles positioned along a linear scale for population and a point scale for country names. The data originates from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv. The visualization uses D3 v7's scaleLinear, scalePoint, axisBottom, and axisLeft to render the SVG chart, with formatted tick labels and a population axis label.

Yyejichun@naver.com
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top ten most populous countries based on 2018 estimates from the United Nations World Population Prospects. Each circle’s position encodes population on the x-axis and country on the y-axis, with all circles sized at a fixed radius. The visualization uses D3’s `scaleLinear` and `scalePoint` for axes, `axisBottom` and `axisLeft` for tick marks, and `format` to abbreviate population numbers. Data is loaded from a CSV file, and the rendering is done via SVG, using circles to represent data points and custom styling for text and gridlines.

Rrebeccayc
93% match