Scatter Plot

100%

✓ Published1🌍 Public

Last edited Oct 29, 2019

Created on Oct 28, 2019

This scatter plot displays the top 10 most populous countries in 2018, using data from the United Nations World Population Prospects. Population values are plotted on a linear scale along the x-axis, while country names are positioned on a point scale along the y-axis, with axis tick marks extending across the plot. The visualization is rendered as SVG using D3 v5, specifically leveraging `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`. It also customizes tick formatting with `format` and includes styled gridlines and labels defined in CSS.

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

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

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

96% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the top 10 most populous countries in 2018, using UN World Population Prospects data. It displays each country’s population as a circle positioned along a linear x-axis, with country names on a point-scale y-axis. The chart is rendered as an SVG using D3 v5, with axes and ticks styled via CSS. The code applies a custom tick format to abbreviate large numbers, converting millions to billions where applicable.

PPedro Medina

96% 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. The visualization uses a linear scale for population on the x-axis and a point scale for country names on the y-axis, with circles sized at a fixed radius of 20 pixels. D3 v5 handles the data loading through `csv()`, while `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` construct the chart elements. The axes are customized with formatted tick labels that convert large numbers to abbreviations, such as “B” for billion, and grid lines extend across the plot area.

Llrakla

96% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries in 2018, based on data from the UN's World Population Prospects 2017. The D3 v5 visualization uses a linear scale for the x-axis to represent population values and a point scale for the categorical y-axis listing country names, with circles sized at a fixed radius. The rendering relies on SVG, with axes generated using `axisBottom` and `axisLeft`, and includes custom tick formatting to abbreviate large numbers.

VVaggelisKlt

95% match

Loading thumbnail…

Scatterplot

This scatterplot displays the top 10 most populous countries in 2018, based on data from the United Nations World Population Prospects, with country names on the y-axis and population along the x-axis. Each bar’s length is proportional to the population value, formatted in billions using d3.format. The visualization uses d3.csv to load data, d3.scaleLinear for the x-axis with a custom tick format, d3.scaleBand for the y-axis, and d3.axisLeft and d3.axisBottom to generate axes with grid lines. The chart is rendered as an SVG with a title and axis label, and bars are styled with a steelblue fill.

RRenato Francia Castillo

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

95% match