Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
Aalobry
Last edited Dec 18, 2020
Created on Dec 16, 2020
Forked from Customizing axis

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.

AI-generated description

Histogram from CSV file Data comes from https://population.un.org/wpp/Download/Standard/Population/

MIT Licensed

Similar vizzes

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

Scatter Plot

This scatter plot displays the top 10 most populous countries as circles positioned along a linear population scale and a categorical country scale. The data, sourced from the 2018 United Nations World Population Prospects, is loaded via d3.csv and rendered as SVG. The visualization uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom with custom tick formatting and grid lines. Circle styling and axis labels are controlled through external CSS, demonstrating customization of D3 axes and scales.

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

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, with circles positioned along a linear population scale and a point scale for country names. The code uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to render the axes and plot, while custom tick formatting converts large numbers to abbreviated units. Data comes from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv from a local CSV file, and rendered as SVG circles with a fixed radius.

Sshanmango
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries, using circles positioned along a linear x-axis for population values and a point scale y-axis for country names. The code leverages d3.csv, d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft to render an SVG visualization with gridlines. Data comes from the United Nations World Population Prospects 2019, with population values scaled by 1,000. The chart includes formatted tick labels and a title, with a steelblue fill for each circle.

Aarun-subba
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

This scatter plot displays the population of the top 10 most populous countries using a linear scale for population and a point scale for country names. The code leverages d3.csv, scaleLinear, scalePoint, axisBottom, and axisLeft to render the chart as SVG, with circles for each country and formatted tick labels. Data originates from the 2018 United Nations World Population Prospects estimate.

Mmellerjakub88
95% match