Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
IIsabel
Last edited Oct 1, 2018
Created on Oct 1, 2018
Forked from Customizing Axes

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.

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.

MIT Licensed

Similar vizzes

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
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 top ten most populous countries based on 2018 estimates from the United Nations World Population Prospects. Each circle’s position encodes population on the x-axis and country on the y-axis, with all circles sized at a fixed radius. The visualization uses D3’s `scaleLinear` and `scalePoint` for axes, `axisBottom` and `axisLeft` for tick marks, and `format` to abbreviate population numbers. Data is loaded from a CSV file, and the rendering is done via SVG, using circles to represent data points and custom styling for text and gridlines.

Rrebeccayc
96% 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
96% 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
96% 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. Each circle’s horizontal position encodes population size, while the vertical axis lists country names. The visualization uses D3 v5 with `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to construct the chart, rendering as SVG. Data is loaded from a CSV file, with population values multiplied by 1000 for display.

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

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using data from the 2018 United Nations World Population Prospects estimate. It shows each country as a circle positioned by population on the x-axis and country name on the y-axis. The visualization uses d3.scaleLinear and d3.scalePoint for scaling, d3.axisLeft and d3.axisBottom for axes, and renders with SVG. The code also customizes axis tick formatting and removes axis domains for a cleaner appearance.

Zztawil
96% match