Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
SShawn Kearney
Last edited Jan 5, 2020
Created on Jan 5, 2020
Forked from Customizing Axes

A scatter plot displays the population of the top 10 most populous countries, using 2019 estimates from the United Nations. The chart uses d3.csv to load the data and d3.scaleLinear for the population axis, with d3.scalePoint for the categorical country positions. Circles are rendered via SVG, with d3.axisLeft and d3.axisBottom providing grid lines and tick labels formatted using d3.format. The visualization emphasizes ranking through a vertical layout, with a title and axis labels styled via CSS.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2019 estimate in United Nations: World Population Prospectus 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

A scatter plot displays the ten most populous countries from 2018 United Nations estimates, with circular marks positioned by population on a linear x-axis and country categories on a point scale y-axis. The visualization uses d3.csv to load data, then d3.scaleLinear and d3.scalePoint for scaling, with d3.axisBottom and d3.axisLeft for labeled gridlines. Population figures are formatted using d3.format and rendered as a static SVG, with styling applied via CSS classes for ticks, axis labels, and the title.

Ddanrhymes
96% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the ten most populous countries from 2018 United Nations estimates, with circular marks positioned by population on a linear x-axis and country categories on a point scale y-axis. The visualization uses d3.csv to load data, then d3.scaleLinear and d3.scalePoint for scaling, with d3.axisBottom and d3.axisLeft for labeled gridlines. Population figures are formatted using d3.format and rendered as a static SVG, with styling applied via CSS classes for ticks, axis labels, and the title.

Ddanrhymes
96% match
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
96% 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 populations of the top 10 most populous countries from a 2018 United Nations estimate, with each circle positioned by country on the y-axis and population on the x-axis. The code uses d3.csv to load the data, d3.scaleLinear for the x-axis, d3.scalePoint for the categorical y-axis, and d3.axisLeft and d3.axisBottom for the ticks. It renders the visualization as SVG, customizing grid lines and axis labels through CSS classes.

Nnoelmiranda
95% 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
95% 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. 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
95% match
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. The chart encodes country on the y-axis and population on the x-axis, with circles positioned by d3.scaleLinear and d3.scalePoint. The code renders SVG elements via D3 v5, using d3.csv to load data, and custom axes with tick formatting that abbreviates large numbers (e.g., converting G to B).

MMargarita Chernetski
95% match