Scatter Plot

100%

✓ Published1🌍 Public

Last edited Nov 26, 2019

Created on Nov 26, 2019

This scatter plot visualizes the top 10 most populous countries using 2018 population estimates from the United Nations. The chart orders countries vertically with horizontal bars representing population size, styled as scatter points. Built with D3 v5, it uses `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and custom axes with tick formatting that converts units to billions. The SVG rendering includes styled axis lines, labels, and a title, with data loaded from a CSV file.

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 visualizes the populations of the top 10 most populous countries, using data from the United Nations 2018 estimates. The chart initially appears as a bar chart but renders the data points as SVG circles, with the y-axis listing country names and the x-axis scaled linearly to population values. Built with D3 v5, it uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the chart, while customizing axis labels and removing tick lines for a cleaner presentation. The data is loaded from a local CSV file.

Yylzami40

97% match

Loading thumbnail…

Scatter Plot

This scatter plot depicts the populations of the top 10 most populous countries in 2018, based on United Nations data. It uses D3 v5 with an SVG rendering, employing `scaleLinear` for the population axis and `scalePoint` for the categorical country axis. Customized axes include formatted tick labels that convert large numbers to abbreviations, and grid lines extend through the plot area. Circles represent each country, and the visualization highlights axis customization techniques.

Yylzami40

95% match

Loading thumbnail…

Scatter plot

A scatter plot displays the population of the top 10 most populous countries, based on 2018 United Nations estimates. The SVG chart uses a linear scale for population on the x-axis and a point scale for country names on the y-axis, with circles sized uniformly. It relies on d3.csv, d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom. Axis tick lines extend across the plot, and population labels are formatted with commas and “B” for billions.

JJacob van Lingen

94% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the top 10 most populous countries using a 2018 United Nations estimate, mapping population on the x-axis and country names on the y-axis. It uses D3 v5 with SVG rendering, employing `scaleLinear` for the population axis, `scalePoint` for categorical positioning, and `axisBottom`/`axisLeft` for gridlines and tick marks. The code formats population values using `format` with a B suffix for billions.

BBo Yang

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 population of the top 10 most populous countries, using data from the United Nations World Population Prospects 2017. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Axes are customized with `axisBottom` and `axisLeft`, including tick formatting that abbreviates large numbers with the `format` function. The chart also includes axis labels and a title, with styling applied through CSS.

Yylzami40

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. The visualization uses D3 v6 with SVG rendering to position circles along categorical y-axis points and a linear x-axis. It employs `d3.scaleLinear`, `d3.scalePoint`, `d3.axisLeft`, and `d3.axisBottom` to create the chart, with population values formatted from thousands to billions using `d3.format`. Background grid lines extend from both axes, and the data is loaded asynchronously via `d3.csv`.

Ddata-inside

94% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for the x-axis, `d3.scalePoint` for the categorical y-axis, and `d3.axisLeft` and `d3.axisBottom` for gridlines. The data is loaded from a CSV via `d3.csv`, with populations multiplied by 1000 from thousands to actual values.

Mmellerjakub88

94% match