Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
BBo Yang
Last edited Jul 20, 2021
Created on Jul 20, 2021
Forked from Customizing Axes

This scatter plot visualizes the top 10 most populous countries using a 2018 United Nations estimate, mapping population on the x-axis and country names on the y-axis. It uses D3 v5 with SVG rendering, employing `scaleLinear` for the population axis, `scalePoint` for categorical positioning, and `axisBottom`/`axisLeft` for gridlines and tick marks. The code formats population values using `format` with a B suffix for billions.

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

This scatter plot depicts the populations of the top 10 most populous countries in 2018, based on United Nations data. It uses D3 v5 with an SVG rendering, employing `scaleLinear` for the population axis and `scalePoint` for the categorical country axis. Customized axes include formatted tick labels that convert large numbers to abbreviations, and grid lines extend through the plot area. Circles represent each country, and the visualization highlights axis customization techniques.

Yylzami40
95% match
Loading thumbnail…

Scatter Plot

This scatter plot shows the top 10 most populous countries in 2018 based on United Nations data, with population on the x-axis and country names on the y-axis. Each circle’s size is fixed, while its horizontal position encodes population via d3.scaleLinear and its vertical position uses d3.scalePoint. The code renders with D3 v5 and SVG, using d3.csv to load data, d3.axisBottom and d3.axisLeft for ticks, and d3.format to abbreviate large numbers.

TTomoyukiEguchi
94% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, using data from the 2018 estimate in the United Nations World Population Prospects 2017. It uses D3 version 6, with the SVG rendering approach. The code employs `scaleLinear` for the population x-axis and `scalePoint` for the categorical country y-axis. Grid lines are created with `tickSize`, and axis labels are added using D3's `text` API.

Aanuj1450
94% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the top 10 most populous countries using 2018 population estimates from the United Nations. The chart orders countries vertically with horizontal bars representing population size, styled as scatter points. Built with D3 v5, it uses `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and custom axes with tick formatting that converts units to billions. The SVG rendering includes styled axis lines, labels, and a title, with data loaded from a CSV file.

Yylzami40
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries in 2018, using data from the United Nations World Population Prospects. Population values are plotted on a linear scale along the x-axis, while country names are positioned on a point scale along the y-axis, with axis tick marks extending across the plot. The visualization is rendered as SVG using D3 v5, specifically leveraging `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`. It also customizes tick formatting with `format` and includes styled gridlines and labels defined in CSS.

EEd Link III
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, using data from the 2017 United Nations World Population Prospects. The code uses D3 v5 to create an SVG visualization with circles positioned by d3.scaleLinear for population and d3.scalePoint for country names. Axes are customized with d3.axisBottom and d3.axisLeft, including tick formatting that converts values to billions. The chart includes axis labels and a title, with styling applied through external CSS.

Hhberrong
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

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