Skip to main content
SimilarExport ZIP
100%

A scatter plot Graph.js

✓ Published2🌍 Public
DDavideSanto
Last edited Mar 22, 2020
Created on Mar 22, 2020

This scatter plot visualizes world population for 25 countries in 2016, with each circle’s horizontal position encoding population size on a linear scale and vertical position using a point scale for country names. The SVG chart uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`. Data is loaded from a CSV file, with population values parsed as numbers, and axes are styled with custom tick formatting that abbreviates billions as "B".

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 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.

WWhitney Hung
87% match
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
86% 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
86% 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
86% match
Loading thumbnail…

Scatter Plot

This scatter plot displays population data for ten countries, with each country positioned along the y-axis and its population plotted on the x-axis using a linear scale. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` and `d3.scalePoint` for axes, while `d3.axisLeft` and `d3.axisBottom` generate ticks with a custom number formatter that converts large values to billions. Data comes from a CSV file showing 2018 population figures, which are multiplied by 1000 during processing. The chart includes a title, axis labels, and a steel-blue circle for each country.

CChristine Lanser
85% match
Loading thumbnail…

Scatterplot

A scatterplot displays population figures for countries exceeding 100 million inhabitants. The visualization uses a linear scale for population on the x-axis and a point scale for country names on the y-axis, with axis labels and gridlines. It loads data from a CSV file using d3.csv, scales the population values, and renders SVG circles. The code employs d3.scaleLinear, d3.scalePoint, d3.axisLeft, d3.axisBottom, and d3.format for tick labels.

CCarloGato
85% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the twelve most populous countries, with each circle’s horizontal position and size reflecting its population value and the vertical axis listing country names. The chart uses D3.js v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render an SVG with grid lines, a titled x-axis labeled “Population,” and a headline. Data is loaded from a CSV file via the `csv` function and formatted with `format`, while the static circle styling uses a steelblue fill.

Ddanielchamone
85% match
Loading thumbnail…

scatter plot

A scatter plot displays population figures for ten countries, with each circle positioned along a linear population axis and a point scale for country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, rendering SVG circles with a steelblue fill. Data comes from a CSV file, with populations multiplied by 1000 and formatted using `format('.3s')` to show billions. Gridlines extend across the plot, and axis labels are added via appended SVG text elements.

Llinkshady
85% match