Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
Aantoniojl@gmail.com
Last edited Apr 19, 2022
Created on Apr 19, 2022
Forked from Customizing Axes

This scatter plot shows the population of the top ten most populous countries, with each circle positioned along a linear population axis and a point scale for country names. The data comes from the 2017 World Population Prospects, multiplied by 1000 in the loader. The visualization uses D3 v7 with `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render the SVG chart, including gridlines and formatted tick labels that convert billions to the letter "B".

AI-generated description

This bar chart shows population of the top ten most populous countries. The data comes from the year 2018 estimate in [his bar chart shows population of the top ten most populous countries. The data comes from the year 2018 estimate in World Population Prospects 2017

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 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
96% match
Loading thumbnail…

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
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries in 2018, using circles positioned along a linear population scale and a point-based country axis. The visualization uses d3.csv, d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft to render the SVG chart. Population values are converted from thousands to raw numbers, and the x-axis labels are formatted with a custom function that replaces 'G' with 'B'. Data originates from the World Population Prospects 2017 estimate.

Ggoodej
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top ten most populous countries, with each country represented as a circle positioned along a linear population axis and a categorical country axis. The data comes from the 2018 estimate in the United Nations World Population Prospects. Built with D3 v5, the visualization uses `d3.scaleLinear` and `d3.scalePoint` for axes, `d3.axisLeft` and `d3.axisBottom` for ticks, and SVG circles with a radius of 10 pixels. The code reads data from a CSV file, multiplies the population values by 1000, and renders the chart within an SVG canvas with custom margins and grid lines.

IIsabel
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with circles positioned along a linear scale for population and a point scale for country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG elements. Population values from the CSV file are multiplied by 1000 and formatted with a custom tick formatter that converts billions to "B". Grid lines extend across the chart via tick sizes, and the data originates from the 2018 World Population Prospects estimate.

BbeauMarko
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries using population data from the World Population Prospects, with each country positioned along a linear population scale and an ordinal point scale for country names. The visualization uses D3 v6’s `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and gridlines, formatting population values in billions via `format('.3s')`. Data is loaded from a CSV file and multiplied by 1000, with axes and labels styled through external CSS.

Nndhokalelearning
94% 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
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a linear scale for population and a point scale for country names. The visualization loads data from a CSV file, multiplies the population values by 1,000, and renders an SVG using D3 v7. It employs `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, with gridlines and custom tick formatting that abbreviates large numbers (e.g., 1.4B). The chart includes labeled axes and a title, styled via external CSS.

Wwisam-ahmed
94% match