Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
HHadi Boukdir
Last edited Jul 16, 2019
Created on Jul 16, 2019
Forked from Cusomizing Axis

This scatter plot displays population figures for global regions, with each circle’s horizontal position encoding the population value and vertical position mapping to the region name. The chart uses D3 v5 APIs including `scaleLinear` for the x-axis, `scalePoint` for categorical y-axis placement, and `axisBottom`/`axisLeft` for grid lines. Data is loaded from a CSV file via `csv`, with population values multiplied by 1000. The visualization is rendered as SVG with light green circles, styled axes, and a title.

AI-generated description

bar chart

MIT Licensed

Similar vizzes

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

Scatter Plot

This scatter plot displays population figures for African regions, with countries on the y-axis and population values on the x-axis. The chart uses d3.csv to load the data, d3.scaleLinear for the x-axis, d3.scalePoint for the y-axis, and d3.axisBottom and d3.axisLeft to render grid lines. Circles are appended to an SVG with a fixed radius of 20 and fill color from CSS. Axis labels and a title are added manually via appended text elements.

HHelenaShu
87% match
Loading thumbnail…

Scatter plot

This chart displays population figures for ten countries using a scatter plot, where each circle’s horizontal position corresponds to its population value and its vertical position aligns with the country name. The visualization is built with D3 v5, using `scaleLinear` and `scalePoint` to map data, `axisBottom` and `axisLeft` for the axes, and SVG rendering. Data is loaded from a local CSV file and formatted with a compact tick format.

Kkaviya-ds
87% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of ten countries, with each circle positioned along a linear population scale and a point scale for country names. The visualization reads population data from a CSV file, converts the values from thousands to absolute numbers, and renders the chart as an SVG. Using D3 v7, the code applies `scaleLinear` and `scalePoint` for axes, `axisBottom` and `axisLeft` for ticks, and `csv` for data loading. The chart includes formatted tick labels, gridlines, and a title, with circles colored steelblue.

陳陳泰元
87% 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
87% match
Loading thumbnail…

scatter

The chart displays the populations of the top ten countries as circles positioned along a horizontal population scale and vertical country axis. Using D3.js v5 with an SVG canvas, the code loads population data from a CSV file and maps it through linear and point scales. The axis ticks are formatted with custom abbreviations, and grid lines are drawn via tick extensions, with circles filled in steelblue.

YYanxxx447
87% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with each circle’s horizontal position scaled by population and vertical position by country name. Built with D3 v6, it uses `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisBottom`/`axisLeft` for ticks. The SVG circles are colored steelblue, with an axis label and title. Data comes from a CSV file, with population values multiplied by 1,000.

HHe Jianfeng
87% match
Loading thumbnail…

Scatter Plot

Using d3.csv to load population data for ten countries, this scatter plot displays each nation as a circle positioned along a linear x-axis for population and a point scale y-axis for country names. The visualization uses d3.axisBottom and d3.axisLeft with custom tick formatting that abbreviates large numbers, while SVG circles are rendered with a fixed radius. Population values from the CSV are multiplied by 1000, and the chart includes labeled axes and a title.

Bben-chin-43
87% match