Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
BBoris97929500
Last edited Oct 23, 2020
Created on Oct 23, 2020
Forked from Customizing Axes

A scatter plot displays the population of the top 10 most populous countries, using circles positioned along a horizontal linear scale and a vertical band scale. Each circle’s radius matches half the band height, visually encoding population magnitude. The visualization uses D3 v5’s `csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs, with SVG rendering. Data originates from the 2018 United Nations World Population Prospects estimate, loaded from `data.csv` and formatted with tick labels that abbreviate large numbers.

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

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

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, using circles positioned along a linear scale for population and a point scale for country names. The data originates from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv. The visualization uses D3 v7's scaleLinear, scalePoint, axisBottom, and axisLeft to render the SVG chart, with formatted tick labels and a population axis label.

Yyejichun@naver.com
95% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the populations of the top 10 most populous countries, using a linear x-axis for population values and a categorical y-axis for country names. Circles sized at a fixed radius of 18 represent each country, with the data sourced from the 2018 United Nations World Population Prospects. The visualization is built with d3.v5, using d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft to create the axes and gridlines, rendered as an SVG. Population numbers are formatted with d3.format and displayed as millions, while the chart includes a title and axis label.

YYF
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries, with population values scaled linearly on the x-axis and country names positioned on a band scale along the y-axis. Data is loaded from a CSV file using `d3.csv` and sourced from the United Nations World Population Prospects 2017. The code uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render SVG circles, with axes customized through tick formatting and removal of domain lines.

ZZhi Guangda
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 top 10 most populous countries, using a circle for each nation positioned along a linear population scale and a point scale for country names. The visualization reads population data from a CSV file sourced from the UN World Population Prospects, multiplying values by 1000 to reflect actual figures. Built with D3 v6, it uses `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG elements, with custom tick formatting converting billions to "Md" and dashed grid lines for readability.

Aalobry
94% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, with each circle’s position determined by population on the x-axis and country on the y-axis. Data comes from the United Nations’ World Population Prospects 2017, loaded via `d3.csv`. The visualization uses `d3.scaleLinear` for the x-scale, `d3.scalePoint` for the y-scale, and renders circles as SVG elements, with `d3.axisBottom` and `d3.axisLeft` providing labeled axes and gridlines.

Aatree-rohit
94% match
Loading thumbnail…

Scatter plot follow

A scatter plot displays the population of the ten most populous countries, using 2018 estimates from the UN World Population Prospects. The chart encodes each country as a circle, with its horizontal position on a linear scale representing population and its vertical position on a band scale representing the country name. Built with D3 v5, the code loads data from a CSV file and renders the visualization as SVG, using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart.

Gg_ivaska@coloradocollege.edu
94% match