Making a Sctter Plot

100%

Making a Sctter Plot

✓ Published1🌍 Public

Last edited Nov 20, 2022

Created on Nov 20, 2022

This scatter plot displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with an SVG rendering, employing `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis. Circles are positioned using those scales, while axes are customized with `d3.axisBottom` and `d3.axisLeft`, including grid lines and formatted population labels that convert billions to "B".

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 displays the population of the top 10 most populous countries, based on 2018 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 the categorical y-axis. Customized axes remove domain lines and format population values with abbreviations, while circles of a fixed radius are positioned using `cx` and `cy` attributes.

Ppei9223

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

93% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using data from the 2018 United Nations World Population Prospects estimate. It shows each country as a circle positioned by population on the x-axis and country name on the y-axis. The visualization uses d3.scaleLinear and d3.scalePoint for scaling, d3.axisLeft and d3.axisBottom for axes, and renders with SVG. The code also customizes axis tick formatting and removes axis domains for a cleaner appearance.

Zztawil

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. 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

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

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. 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

92% match

Loading thumbnail…

Fork of Making a Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. Each circle represents a country, with its horizontal position encoding population size and vertical position indicating country name. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scalePoint for positioning, and d3.axisLeft with d3.axisBottom for labeled axes. Population values are formatted with d3.format, and the SVG rendering includes grid lines and a title.

Rraphman100

92% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects. The visualization uses d3.scalePoint for the categorical country axis and d3.scaleLinear for the population axis, with circles sized at a fixed radius. SVG rendering is implemented through d3 v5, featuring axis functions d3.axisLeft and d3.axisBottom with custom tick formatting that abbreviates numbers using the d3.format method, replacing 'G' with 'B' for billions.

LLeora Wenger

92% match