scaterplot

100%

✓ Published1🌍 Public

Last edited Feb 13, 2022

Created on Feb 13, 2022

This scatterplot-style bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scalePoint` for categorical country placement. Custom axes with `axisBottom` and `axisLeft` include tick formatting that converts values to billions, while circles mark each country’s population. The code loads data from `data.csv` and multiplies populations by 1000 to reflect actual numbers.

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…

ScaterPlot

This scatterplot displays the population of the top 10 most populous countries in 2018, based on United Nations data. The code uses D3 v5 with an SVG rendering approach, employing `d3.scalePoint` for the categorical y-axis and `d3.scaleLinear` for the population x-axis. Customized axes with formatted tick labels (converting billions to B) and gridlines are generated via `d3.axisBottom` and `d3.axisLeft`. The title and axis label are added as SVG text elements.

Uumihito

92% match

Loading thumbnail…

ScaterPlot

This example visualizes the top 10 most populous countries in 2018, using a scatter plot where each circle’s vertical position encodes the country name and the horizontal position encodes population size. D3.js v5 APIs handle the entire rendering: `csv` loads the data, `scaleLinear` and `scalePoint` map values to coordinates, and `axisBottom` and `axisLeft` generate the axes with custom tick formatting using `format`. The data originates from the United Nations World Population Prospects 2017, with populations multiplied by 1000 for display.

AAjayyy

92% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The code uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis. It customizes axes with `axisLeft` and `axisBottom`, formats tick labels with `format('.3s')`, and adds a title and axis label. Data is loaded from a CSV file via `csv()`.

Llerik03

92% 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 v5 with SVG rendering, employing `scaleLinear` for the population axis and `scalePoint` for country categories. D3 axes are customized with tick formatting that converts numbers to abbreviated units and grid lines extending across the chart. The code reads data from a CSV file and multiplies population values by 1,000 to reflect actual figures.

SSimon Pettersson

91% 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

91% match

Loading thumbnail…

ScatterPlot2

This scatterplot displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 to render circles on an SVG canvas, with a linear scale for population and a point scale for country names. The code employs `d3.csv` to load the data, `scaleLinear` and `scalePoint` for positioning, and `axisBottom` and `axisLeft` for customized axes with tick marks and labels.

Llerik03

91% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries in 2018. It uses D3 v5 with SVG rendering to create a clear, labeled visualization. The code employs `scaleLinear` and `scalePoint` for positioning, `axisLeft` and `axisBottom` for the axes, and format specifiers to abbreviate large population numbers. Data is loaded from a local CSV file containing country names and population estimates from the United Nations World Population Prospects.

Aadvaitkulkarni08

91% match

Loading thumbnail…

Scatter plot

This scatter plot displays the population of the top 10 most populous countries in 2018, using data from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, employing `d3.scalePoint` for the categorical country axis and `d3.scaleLinear` for the population axis. Circles mark each country’s position, while customized axes include a formatted tick label that converts population values to billions. The chart is built from a CSV file and demonstrates axis customization through `d3.axisBottom` and `d3.axisLeft`.

LLinkous

91% match