Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
Nndhokalelearning
Last edited Nov 16, 2020
Created on Nov 16, 2020
Forked from Customizing Axes

This scatter plot displays the top 10 most populous countries using population data from the World Population Prospects, with each country positioned along a linear population scale and an ordinal point scale for country names. The visualization uses D3 v6’s `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and gridlines, formatting population values in billions via `format('.3s')`. Data is loaded from a CSV file and multiplied by 1000, with axes and labels styled through external CSS.

AI-generated description

D3 Bar Chart. Data comes from World Population Prosoects, 2017 most populous countries

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 displays the population of the top 10 most populous countries using data from the World Population Prospects 2017 estimate. Each circle’s horizontal position represents population on a linear scale, while vertical positioning uses a point scale for country names. The visualization is rendered with SVG via d3.v5, using `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `format` for tick labels. Gridlines and axis labels are styled with CSS, and the data is loaded from a CSV file.

IIan Perry
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries, using circles positioned along a linear population scale and a point-based country axis. The visualization encodes each nation’s population with a circle’s horizontal placement, while vertical positioning separates countries for readability. The code leverages d3.csv for data loading, d3.scaleLinear and d3.scalePoint for scaling, and d3.axisLeft and d3.axisBottom to render labeled axes. Population values from the data file are multiplied by 1,000 and formatted with d3.format, with the SVG output styled using CSS.

Iisaachowen
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a linear scale for population and a point scale for country names. The visualization loads data from a CSV file, multiplies the population values by 1,000, and renders an SVG using D3 v7. It employs `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, with gridlines and custom tick formatting that abbreviates large numbers (e.g., 1.4B). The chart includes labeled axes and a title, styled via external CSS.

Wwisam-ahmed
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each country positioned along a point scale on the y-axis and its population on a linear x-axis. The visualization uses D3 v5 (d3.scaleLinear, d3.scalePoint, d3.axisLeft, d3.axisBottom) to render SVG circles. Population values, loaded from a CSV, are formatted with d3.format (e.g., “1.43B”), and grid lines are created using tickSize on the axes.

CCaleb
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, using a linear scale for population and a point scale for country names. The visualization employs D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, rendering SVG circles with fixed radii. Data is loaded from a CSV file with d3.csv, and population values are converted to numbers and multiplied by 1000. The chart includes formatted axis tick labels using d3.format’s `.3s` notation and gridlines via negative tick sizes.

Aandy-yc-lin
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries, using a linear scale for population on the x-axis and a point scale for country names on the y-axis. The visualization loads data from a CSV file and renders circles with d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft in an SVG. Population values are multiplied by 1000 in the code. Gridlines are created via tick sizes, and axis labels are formatted using d3.format.

AAshutosh Singh
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using data from the 2017 World Population Prospects, with circles positioned on a linear x-axis and a point scale on the y-axis. The visualization loads data via d3.csv, applies a population multiplier, and renders an SVG using d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom. Gridlines extend across the chart, while tick labels use custom formatting to abbreviate large numbers.

DDaniel García
94% match