Skip to main content
SimilarExport ZIP
100%

ScatterPlot

✓ Published1🌍 Public
TTebid Quinsy
Last edited Jan 3, 2021
Created on Dec 24, 2020
Forked from Customizing Axes

A scatterplot displays the populations of the top 18 most populated countries in 2020, using UN estimates from the World Population Prospects. It uses D3.js v5 with SVG rendering, mapping population to a linear scale on the x-axis and country names to a point scale on the y-axis. The code employs `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `format` for tick labels, with red circles sized at a fixed radius. The background is styled with a light blue color, and axis labels and a title are included.

AI-generated description

Working with D3.js

MIT Licensed

Similar vizzes

Loading thumbnail…

ScatterPlot2

This scatterplot displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 to render circles on an SVG canvas, with a linear scale for population and a point scale for country names. The code employs `d3.csv` to load the data, `scaleLinear` and `scalePoint` for positioning, and `axisBottom` and `axisLeft` for customized axes with tick marks and labels.

Llerik03
93% 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
92% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the populations of the top 10 most populous countries, using a linear x-axis for population values and a categorical y-axis for country names. Circles sized at a fixed radius of 18 represent each country, with the data sourced from the 2018 United Nations World Population Prospects. The visualization is built with d3.v5, using d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft to create the axes and gridlines, rendered as an SVG. Population numbers are formatted with d3.format and displayed as millions, while the chart includes a title and axis label.

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

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, using data from the 2017 United Nations World Population Prospects. The code uses D3 v5 to create an SVG visualization with circles positioned by d3.scaleLinear for population and d3.scalePoint for country names. Axes are customized with d3.axisBottom and d3.axisLeft, including tick formatting that converts values to billions. The chart includes axis labels and a title, with styling applied through external CSS.

Hhberrong
92% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries in 2018, based on data from the UN's World Population Prospects 2017. The D3 v5 visualization uses a linear scale for the x-axis to represent population values and a point scale for the categorical y-axis listing country names, with circles sized at a fixed radius. The rendering relies on SVG, with axes generated using `axisBottom` and `axisLeft`, and includes custom tick formatting to abbreviate large numbers.

VVaggelisKlt
92% 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
92% 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
92% match