Skip to main content
SimilarExport ZIP
100%

Scatterplots

✓ Published1🌍 Public
NNadia W.
Last edited May 9, 2020
Created on May 9, 2020
Forked from Customising Axes

This scatterplot displays the population of the top 10 most populous countries using 2018 data from the United Nations World Population Prospects. The chart uses circular marks along a categorical y-axis and linear x-axis, with gridlines for readability. Built with D3 v5.6.0, it leverages `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the scales and axes, while CSV data is loaded via `d3.csv`.

AI-generated description

Making scatter plots

This bar chart shoes 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 in 2018, using data from the United Nations World Population Prospects. The chart maps each country’s population on the x-axis with a linear scale and country names on the y-axis using a point scale. It implements custom D3 axes with tick formatting that abbreviates large numbers, and circles are rendered with SVG. The code uses d3.csv, scaleLinear, scalePoint, axisBottom, and axisLeft from D3 v5.

Aandyj09
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

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

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for the x-axis, `d3.scalePoint` for the categorical y-axis, and `d3.axisLeft` and `d3.axisBottom` for gridlines. The data is loaded from a CSV via `d3.csv`, with populations multiplied by 1000 from thousands to actual values.

Mmellerjakub88
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects. The visualization uses a linear scale for population on the x-axis and a point scale for country names on the y-axis, with circles sized at a fixed radius of 20 pixels. D3 v5 handles the data loading through `csv()`, while `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` construct the chart elements. The axes are customized with formatted tick labels that convert large numbers to abbreviations, such as “B” for billion, and grid lines extend across the plot area.

Llrakla
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries in 2018, sourced from the United Nations World Population Prospects. Each circle represents a country, plotted along a linear population axis (formatted in billions) against a categorical country axis. The chart uses d3’s `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` APIs to construct the SVG visualization. Circles are rendered with a fixed radius, and gridlines extend from the x-axis ticks.

Ddanrhymes
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 population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. Each circle represents a country, positioned along a linear x-axis for population and a point scale y-axis for country names. The code uses d3.csv, scaleLinear, scalePoint, axisBottom, axisLeft, and format to render the SVG chart with a custom tick formatter, grid lines, and axis labels.

YYedrup
94% match