Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
Hhirokat
Last edited Aug 31, 2020
Created on Aug 18, 2020
Forked from Customizing Axes

This scatter plot shows the populations of the top 10 most populous countries, using the 2018 estimate from the United Nations World Population Prospects 2017. The D3 code uses `scaleLinear` for the x-axis, `scalePoint` for the categorical y-axis, and `axisBottom` and `axisLeft` to render axes with customized tick formats. A CSV file is loaded via `csv`, and circles are appended to the SVG canvas, with a title and axis labels styled through CSS.

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…

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
96% 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 visualizes the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The code uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis. It customizes axes with `axisLeft` and `axisBottom`, formats tick labels with `format('.3s')`, and adds a title and axis label. Data is loaded from a CSV file via `csv()`.

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

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries in 2018. It uses D3 v5 with SVG rendering to create a clear, labeled visualization. The code employs `scaleLinear` and `scalePoint` for positioning, `axisLeft` and `axisBottom` for the axes, and format specifiers to abbreviate large population numbers. Data is loaded from a local CSV file containing country names and population estimates from the United Nations World Population Prospects.

Aadvaitkulkarni08
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 v5 with SVG rendering, employing `scaleLinear` for the population axis and `scalePoint` for country categories. D3 axes are customized with tick formatting that converts numbers to abbreviated units and grid lines extending across the chart. The code reads data from a CSV file and multiplies population values by 1,000 to reflect actual figures.

SSimon Pettersson
95% match