Scatter Plot

100%

✓ Published0🌍 Public

Last edited Jul 15, 2019

Created on Jul 14, 2019

This scatter plot displays the top 10 most populous countries, with population values scaled linearly on the x-axis and country names positioned on a band scale along the y-axis. Data is loaded from a CSV file using `d3.csv` and sourced from the United Nations World Population Prospects 2017. The code uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render SVG circles, with axes customized through tick formatting and removal of domain lines.

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.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries, using a circle for each nation positioned along a linear population scale and a point scale for country names. The visualization reads population data from a CSV file sourced from the UN World Population Prospects, multiplying values by 1000 to reflect actual figures. Built with D3 v6, it uses `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG elements, with custom tick formatting converting billions to "Md" and dashed grid lines for readability.

Aalobry

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

94% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, using circles positioned along a horizontal linear scale and a vertical band scale. Each circle’s radius matches half the band height, visually encoding population magnitude. The visualization uses D3 v5’s `csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs, with SVG rendering. Data originates from the 2018 United Nations World Population Prospects estimate, loaded from `data.csv` and formatted with tick labels that abbreviate large numbers.

BBoris97929500

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 visualizes the population of the top 10 most populous countries, with circles positioned along a linear population scale and a point scale for country names. The code uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to render the axes and plot, while custom tick formatting converts large numbers to abbreviated units. Data comes from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv from a local CSV file, and rendered as SVG circles with a fixed radius.

Sshanmango

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

94% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries using data from the 2018 United Nations World Population Prospects. D3 v5 renders the visualization in SVG, using `d3.scaleLinear` and `d3.scaleBand` for the axes, with axis labels and ticks customized through `d3.axisBottom` and `d3.axisLeft`. Circles represent each country, positioned by population on the x-axis and country name on the y-axis.

ZZhi Guangda

94% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries, using circles positioned along a linear x-axis for population values and a point scale y-axis for country names. The code leverages d3.csv, d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft to render an SVG visualization with gridlines. Data comes from the United Nations World Population Prospects 2019, with population values scaled by 1,000. The chart includes formatted tick labels and a title, with a steelblue fill for each circle.

Aarun-subba

94% match