Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
WWhitney Hung
Last edited May 27, 2020
Created on May 26, 2020
Forked from Customising Axes

This scatter plot displays the population of the world’s most populous countries, with each circle representing a country positioned along a linear population scale and a point scale for country names. The visualization uses D3 v5’s `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render the axes and circles in SVG. Data is loaded from a CSV file and parsed with D3’s `csv` function, with population values formatted in billions via the `format` helper.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the world's most populous countries, with countries arranged along the y-axis and their population totals on the x-axis. The visualization uses D3 v5 to load CSV data, scale populations with `scaleLinear`, position countries with `scalePoint`, and render axes with `axisBottom` and `axisLeft`. Circle marks represent each country, and the chart includes formatted tick labels that convert large population numbers into abbreviated units. The SVG rendering includes gridlines and ordered country labels.

Ssakhabutdinov
96% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the world’s most populous countries in 2020, with each circle positioned along a categorical y-axis for country names and a linear x-axis for population counts. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisBottom` and `axisLeft` for ticks. Data is loaded from a CSV via `d3.csv`, and population values are formatted using `d3.format` to abbreviate large numbers.

SSimon Wongsuwarn
94% match
Loading thumbnail…

Scatter plot with D3.js!

This scatter plot displays the populations of the world’s ten most populous countries, with each country represented as a circle positioned along a linear population axis (x) and a point scale of country names (y). The visualization uses D3.js v5’s `scaleLinear`, `scalePoint`, `axisBottom`, `axisLeft`, and `format` APIs, rendering to SVG. Population data is loaded from a CSV file via `csv` and multiplied by 1,000, with axes stripped of their domain lines and labeled with a title.

CCalvin Gomez
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with circles positioned along a linear scale for population and a point scale for country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG elements. Population values from the CSV file are multiplied by 1000 and formatted with a custom tick formatter that converts billions to "B". Grid lines extend across the chart via tick sizes, and the data originates from the 2018 World Population Prospects estimate.

BbeauMarko
93% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the world's most populous countries, using a logarithmic scale for the x-axis and a categorical y-axis for country names. The visualization is rendered using D3 version 5 and builds a scatter plot with circles positioned by population values, which are read from a local CSV file. The chart includes axis labels, a title, and gridlines, with the code utilizing D3's `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` APIs to construct the scales and axes, all rendered as SVG elements.

Hhugomell
92% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with each circle positioned along a horizontal linear scale for population and a vertical point scale for country names. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the axes. Population values are parsed from a CSV file and formatted with tick labels using `format('.3s')`, while gridlines are drawn via tick sizes.

1123fischer
92% match
Loading thumbnail…

Scatter plot

This scatter plot displays the populations of the world's ten most populous countries, with countries arranged along the y-axis and their population totals on the x-axis. The code uses D3 v6 APIs such as `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render the SVG visualization. Data is loaded from a CSV file via `csv` and plotted as circles, with each country's population multiplied by 1000.

BbeauMarko
92% match
Loading thumbnail…

Scatter Plot

A scatter plot displays population figures for the five most populous countries, with circles positioned along a linear scale for population size and a point scale for country names. The chart includes labeled axes, gridlines, and a title, with data loaded from a CSV file using `d3.csv`. The visualization is rendered as an SVG using D3 v5, utilizing `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `selectAll` to bind data to circle elements.

PPulkit Rohilla
91% match