Scattor Plot

100%

✓ Published1🌍 Public

Last edited Oct 25, 2018

Created on Sep 5, 2018

A scatter plot displays the population of the top 10 most populous countries, sourced from the 2018 United Nations World Population Prospects estimate. Using D3 v5, the code loads a CSV file, scales the population data on a linear x-axis, and plots points on an ordinal point-scale y-axis with SVG circles. It applies axisBottom and axisLeft to render gridlines and tick labels, formatted with d3.format, while styling titles and labels through 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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scattar Plot

This scatter plot displays the population of the top 10 most populous countries, with each country represented by a large circle. The plot uses D3.js v7, with a linear scale for population and a point scale for country names. Population values are loaded from a CSV file, converted to thousands, and rendered as SVG circles using the `select`, `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` APIs. Data originates from the 2017 World Population Prospects.

Iilsan142

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

92% 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. The chart encodes country on the y-axis and population on the x-axis, with circles positioned by d3.scaleLinear and d3.scalePoint. The code renders SVG elements via D3 v5, using d3.csv to load data, and custom axes with tick formatting that abbreviates large numbers (e.g., converting G to B).

MMargarita Chernetski

92% match

Loading thumbnail…

Scatter Plot

This scatter plot shows the populations of the top 10 most populous countries, using the 2018 estimate from the United Nations World Population Prospects 2017. The D3 code uses `scaleLinear` for the x-axis, `scalePoint` for the categorical y-axis, and `axisBottom` and `axisLeft` to render axes with customized tick formats. A CSV file is loaded via `csv`, and circles are appended to the SVG canvas, with a title and axis labels styled through CSS.

Hhirokat

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

91% 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. It uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for the x-axis, `d3.scalePoint` for the categorical y-axis, and `d3.axisLeft` and `d3.axisBottom` for gridlines. The data is loaded from a CSV via `d3.csv`, with populations multiplied by 1000 from thousands to actual values.

Mmellerjakub88

91% match

Loading thumbnail…

ScaterPlot

This example visualizes the top 10 most populous countries in 2018, using a scatter plot where each circle’s vertical position encodes the country name and the horizontal position encodes population size. D3.js v5 APIs handle the entire rendering: `csv` loads the data, `scaleLinear` and `scalePoint` map values to coordinates, and `axisBottom` and `axisLeft` generate the axes with custom tick formatting using `format`. The data originates from the United Nations World Population Prospects 2017, with populations multiplied by 1000 for display.

AAjayyy

91% match

Loading thumbnail…

ScaterPlot

This scatterplot displays the population of the top 10 most populous countries in 2018, based on United Nations data. The code uses D3 v5 with an SVG rendering approach, employing `d3.scalePoint` for the categorical y-axis and `d3.scaleLinear` for the population x-axis. Customized axes with formatted tick labels (converting billions to B) and gridlines are generated via `d3.axisBottom` and `d3.axisLeft`. The title and axis label are added as SVG text elements.

Uumihito

91% match