Scattered Plot

100%

Scattered Plot

✓ Published1🌍 Public

Last edited Apr 2, 2020

Created on Apr 2, 2020

This scatter plot displays the population of the top 10 most populous countries using a 2018 United Nations estimate, with each circle representing a country. The visualization uses D3 v5’s `scaleLinear` for the population axis and `scalePoint` for the country categories, along with `axisBottom` and `axisLeft` to render the axes. Circles are positioned via `cx` and `cy` attributes, with data loaded from CSV using `d3.csv`. Styling is applied through SVG and CSS for visual clarity.

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.

MIT Licensed

Similar vizzes

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

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

94% match

Loading thumbnail…

Scatter Plot

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.

SShawn Kearney

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

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 visualization uses D3 v5 with SVG rendering, employing `d3.scalePoint` for the categorical country axis and `d3.scaleLinear` for the population axis. Circles mark each country’s position, while customized axes include a formatted tick label that converts population values to billions. The chart is built from a CSV file and demonstrates axis customization through `d3.axisBottom` and `d3.axisLeft`.

LLinkous

94% 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

94% 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

93% match