Scatter Plot

100%

✓ Published0🌍 Public

Last edited May 15, 2020

Created on May 15, 2020

This scatter plot displays the population of the top 10 most populous countries based on 2018 United Nations estimates, with each country positioned along a point scale and circles sized uniformly. It uses D3 v5’s `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render the axes, while `d3.csv` loads the data and `d3.format` customizes tick labels. The chart is drawn as an SVG, with grid lines extended from the axes and a title and axis label styled via 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

A scatter plot displays the population of the top 10 most populous countries, using 2019 estimates from the United Nations. The chart uses d3.csv to load the data and d3.scaleLinear for the population axis, with d3.scalePoint for the categorical country positions. Circles are rendered via SVG, with d3.axisLeft and d3.axisBottom providing grid lines and tick labels formatted using d3.format. The visualization emphasizes ranking through a vertical layout, with a title and axis labels styled via CSS.

SShawn Kearney

95% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries from a 2018 United Nations estimate, with each circle positioned by country on the y-axis and population on the x-axis. The code uses d3.csv to load the data, d3.scaleLinear for the x-axis, d3.scalePoint for the categorical y-axis, and d3.axisLeft and d3.axisBottom for the ticks. It renders the visualization as SVG, customizing grid lines and axis labels through CSS classes.

Nnoelmiranda

94% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the 10 most populous countries, based on 2018 United Nations estimates. It shows the data as circles positioned along a linear x-axis for population and a point scale y-axis for country names. Built with D3 v5, the visualization uses `csv` to load data, `scaleLinear` and `scalePoint` for scales, and `axisBottom` and `axisLeft` for axes. The code formats tick labels using `format` and renders the chart as SVG.

Rram-iyer

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

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

94% match

Loading thumbnail…

Scatter plot

A scatter plot displays the population of the top 10 most populous countries, based on 2018 United Nations estimates. The SVG chart uses a linear scale for population on the x-axis and a point scale for country names on the y-axis, with circles sized uniformly. It relies on d3.csv, d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom. Axis tick lines extend across the plot, and population labels are formatted with commas and “B” for billions.

JJacob van Lingen

94% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2019. Each circle’s vertical position corresponds to a country, while its horizontal position reflects population size on a linear scale. The visualization uses D3 v5’s `csv` loader, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and gridlines, with tick labels formatted in billions.

AAbhijit Roy

94% match