Scatter Plot

100%

✓ Published0🌍 Public

Last edited Mar 19, 2020

Created on Mar 19, 2020

This scatter plot displays the population of the top 10 most populous countries, using a bar chart layout with a linear scale for population and a band scale for country names. The data comes from the 2018 United Nations World Population Prospects. Built with D3 v5 and SVG rendering, the code uses d3.csv, scaleLinear, scaleBand, axisBottom, and axisLeft, with custom tick formatting that converts billions to a readable format and gridlines for the y-axis.

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.

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

94% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using a linear scale for population and a point scale for country names. The code leverages d3.csv, scaleLinear, scalePoint, axisBottom, and axisLeft to render the chart as SVG, with circles for each country and formatted tick labels. Data originates from the 2018 United Nations World Population Prospects estimate.

Mmellerjakub88

94% match

Loading thumbnail…

Scatter Plot

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.

Yylzami40

94% 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 chart maps each country’s population on the x-axis with a linear scale and country names on the y-axis using a point scale. It implements custom D3 axes with tick formatting that abbreviates large numbers, and circles are rendered with SVG. The code uses d3.csv, scaleLinear, scalePoint, axisBottom, and axisLeft from D3 v5.

Aandyj09

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 data from the 2017 United Nations World Population Prospects. The code uses D3 v5 to create an SVG visualization with circles positioned by d3.scaleLinear for population and d3.scalePoint for country names. Axes are customized with d3.axisBottom and d3.axisLeft, including tick formatting that converts values to billions. The chart includes axis labels and a title, with styling applied through external CSS.

Hhberrong

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

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

93% match