scatter plot

100%

✓ Published0🌍 Public

Last edited Oct 1, 2022

Created on Oct 1, 2022

This scatter plot displays the population of the ten most populous countries from the 2018 United Nations World Population Prospects estimate. Each circle’s horizontal position encodes population on a linear scale, while the vertical position uses a point scale for country names. The code uses D3 v7 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, with SVG rendering via data joins. The population values are converted from the CSV’s raw numbers into actual estimates by multiplying by 1,000. Custom tick formatting replaces “G” with “B” to show billions.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the 10 most populous countries using 2019 estimates from the United Nations World Population Prospects. Circles are positioned along a linear x-axis for population values and a point-based y-axis for country names, with gridlines and axis labels. The visualization is built with D3 v5, using `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render an SVG. The code loads data from a CSV file, multiplies population values by 1,000, and applies tick formatting that converts billions to a readable scale.

Kkiyahw1

94% match

Loading thumbnail…

scatter plot

This scatter plot displays the population of the ten most populous countries using data from the 2017 United Nations World Population Prospects. Circles are positioned along the x-axis by population and the y-axis by country name, with a steelblue fill and large labels. The visualization uses D3 v6 scales, including `scaleLinear` and `scalePoint`, with axes generated by `axisBottom` and `axisLeft`. The SVG rendering includes a custom tick format that converts large numbers to abbreviated form using D3’s `format` function.

Nnexus1058

94% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the ten most populous countries from the 2018 United Nations World Population Prospects estimate. Each circle represents a country, positioned along a linear population scale on the x-axis and a point scale for country names on the y-axis. The visualization uses D3 v5’s `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render SVG circles and gridlines. Population values are formatted in billions using D3’s `format` function, and the chart includes a title and axis labels.

Rram-iyer

94% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the top 10 most populous countries using circles positioned along a point scale for country names and a linear scale for population values from the 2018 UN World Population Prospects estimate. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG elements, with tick formatting converting values to billions. Circle radii are fixed at 18 pixels, and gridlines extend across the plot area. The visualization features a title and axis labels, with data loaded from a local CSV file.

Ddtdenver

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

94% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the populations of the top 10 most populous countries from the 2018 United Nations World Population Prospects estimate. Each circle’s horizontal position corresponds to its population value, while its vertical position is determined by country name along a point scale. The visualization uses d3.scaleLinear and d3.scalePoint to map data, with d3.axisBottom and d3.axisLeft generating labeled axes. Circle elements are rendered in SVG, and the code applies a custom tick formatter using d3.format to abbreviate large numbers with a 'B' suffix.

Aaxliao

94% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, with circles positioned along a linear population scale and a point scale for country names. The code uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to render the axes and plot, while custom tick formatting converts large numbers to abbreviated units. Data comes from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv from a local CSV file, and rendered as SVG circles with a fixed radius.

Sshanmango

93% 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, with circular markers positioned along a point scale for countries and a linear scale for population. The visualization uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to construct the chart, with axis tick formatting converting large numbers to abbreviated forms. The code loads data via d3.csv, appends SVG circles with a fixed radius, and includes grid lines through tick sizing, a title, and an axis label.

Rrishyossarian

93% match