Scatter Plot

100%

✓ Published1🌍 Public

Last edited Feb 19, 2021

Created on Feb 19, 2021

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.

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

97% match

Loading thumbnail…

Scatterplot

This scatterplot visualizes the population of the top 10 most populous countries using data from the 2017 United Nations World Population Prospects. Each circle represents a country, with its horizontal position encoding population size and its vertical position encoding country name. The visualization uses D3 v5 to create SVG output with axes, tick marks, and labels. It employs `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to map the data, and the chart includes a title and population axis label.

TTristan Schrader

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

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 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 populations of the top 10 most populous countries, using circles positioned along a linear x-axis for population values and a point scale y-axis for country names. The code leverages d3.csv, d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft to render an SVG visualization with gridlines. Data comes from the United Nations World Population Prospects 2019, with population values scaled by 1,000. The chart includes formatted tick labels and a title, with a steelblue fill for each circle.

Aarun-subba

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 population of the top 10 most populous countries, with circles positioned along a linear population scale and a point scale for country names. The code uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to render the axes and plot, while custom tick formatting converts large numbers to abbreviated units. Data comes from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv from a local CSV file, and rendered as SVG circles with a fixed radius.

Sshanmango

96% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries using data from the 2018 United Nations World Population Prospects. D3 v5 renders the visualization in SVG, using `d3.scaleLinear` and `d3.scaleBand` for the axes, with axis labels and ticks customized through `d3.axisBottom` and `d3.axisLeft`. Circles represent each country, positioned by population on the x-axis and country name on the y-axis.

ZZhi Guangda

96% match