Scatter Plot

100%

✓ Published1🌍 Public

Last edited Aug 6, 2020

Created on Aug 6, 2020

This scatter plot displays the estimated population of Earth’s continents for 2020, using circles positioned along a linear x-axis for population (in thousands) and a point scale y-axis for continent names. The visualization is rendered as SVG and built with D3 v5, using `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` APIs. Data comes from the UN’s World Population Prospects 2020, loaded via `csv`. The chart includes labeled axes, gridlines, and a title, with population values formatted in abbreviated units.

AI-generated description

D3 Basics This bar chart showes population of the World by continents. It is build on the basis of the data from the year 2020 estimate in World Population Prospects 2020

Lessons by Curran Kelleher in Youtube

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Mothafockas

This scatter plot displays the population of each continent in 2018, with circles plotted along a linear population scale and a point-based categorical axis for continents. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Population values from the CSV are formatted with abbreviations (e.g., “B” for billions), and grid lines extend across the plot. The chart also includes axis labels and a title, styled with custom CSS for fonts and circle transparency.

Vvsalas20

87% match

Loading thumbnail…

ScatterPlot

A scatterplot displays the populations of the top 18 most populated countries in 2020, using UN estimates from the World Population Prospects. It uses D3.js v5 with SVG rendering, mapping population to a linear scale on the x-axis and country names to a point scale on the y-axis. The code employs `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `format` for tick labels, with red circles sized at a fixed radius. The background is styled with a light blue color, and axis labels and a title are included.

TTebid Quinsy

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

84% match

Loading thumbnail…

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

84% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the ten most populous countries from the 2018 United Nations World Population Prospects estimate. Each circle represents a country, positioned along a linear population scale on the x-axis and a point scale for country names on the y-axis. The visualization uses D3 v5’s `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render SVG circles and gridlines. Population values are formatted in billions using D3’s `format` function, and the chart includes a title and axis labels.

Rram-iyer

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

83% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the 10 most populous countries using 2019 estimates from the United Nations World Population Prospects. Circles are positioned along a linear x-axis for population values and a point-based y-axis for country names, with gridlines and axis labels. The visualization is built with D3 v5, using `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render an SVG. The code loads data from a CSV file, multiplies population values by 1,000, and applies tick formatting that converts billions to a readable scale.

Kkiyahw1

83% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the top 10 most populous countries using circles positioned along a point scale for country names and a linear scale for population values from the 2018 UN World Population Prospects estimate. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG elements, with tick formatting converting values to billions. Circle radii are fixed at 18 pixels, and gridlines extend across the plot area. The visualization features a title and axis labels, with data loaded from a local CSV file.

Ddtdenver

83% match