Scatter Plot

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using data from the World Population Prospects 2017 estimate. Each circle’s horizontal position represents population on a linear scale, while vertical positioning uses a point scale for country names. The visualization is rendered with SVG via d3.v5, using `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `format` for tick labels. Gridlines and axis labels are styled with CSS, and the data is loaded from a CSV file.

IIan Perry

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, based on 2020 estimates from the United Nations World Population Prospects. Each circle represents a country, positioned along the y-axis by name and the x-axis by population count. The visualization utilizes D3 v6 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, rendering as SVG. Population data from a CSV file is loaded and scaled, with grid lines and axis labels formatted using D3’s `format` function.

AAnthony Ynami

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries from the 2018 World Population Prospects estimate, using circles positioned along a linear scale for population and a point scale for country names. The chart is rendered with SVG via d3.scaleLinear, d3.scalePoint, axisLeft, and axisBottom, with population values formatted using d3.format. Gridlines extend across the plotting area, and axes labels use custom tick formatting to abbreviate large numbers, while the data is loaded from a CSV file.

Ccledevoute

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using data from the 2017 World Population Prospects, with circles positioned on a linear x-axis and a point scale on the y-axis. The visualization loads data via d3.csv, applies a population multiplier, and renders an SVG using d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom. Gridlines extend across the chart, while tick labels use custom formatting to abbreviate large numbers.

DDaniel García

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

Scatter Plot

This scatter plot displays the population of the ten most populous countries, using the 2018 estimate from World Population Prospects 2017. The visualization uses a linear scale for population on the x-axis and a point scale for country names on the y-axis, with circular marks rendered as SVG elements. Built with D3 v5, the code employs `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to construct the chart, while data is loaded from a CSV file and formatted with D3’s `format` function to abbreviate large numbers.

VVaggelisKlt

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

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