Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
HHelenaShu
Last edited Aug 31, 2019
Created on Aug 30, 2019
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays country populations across Africa, using a point scale for countries on the y-axis and a linear scale for population on the x-axis. The code loads data from a CSV file using `d3.csv`, then renders circles with `d3.scaleLinear` and `d3.scalePoint`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, including gridlines and custom labels, while the SVG output is styled via CSS.

HHelenaShu
92% 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
Loading thumbnail…

Scatter Plot

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.

HHadi Boukdir
87% match
Loading thumbnail…

Gráfico de Dispersión

A scatterplot displays population figures for nine African countries, with each country positioned along the y-axis and its population along the x-axis. D3.js renders circular marks onto an SVG canvas, using `scaleLinear` for the quantitative axis and `scalePoint` for the categorical country labels. Grid lines extend from both axes, and formatted tick labels abbreviate large numbers using `format('.2s')`. The data is loaded from a CSV file and multiplied by 1000 before visualization.

Jjeronimoek
86% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 21 populous countries, with each circle positioned along a linear population axis and a categorical country axis. The chart uses d3.csv to load the data, d3.scaleLinear for the x-scale, d3.scalePoint for the y-scale, and d3.axisBottom and d3.axisLeft to render the axes. SVG circles are appended with a fixed radius, and a formatted tick label converts large numbers to billions using d3.format. The chart includes a title and axis label, with gridlines drawn via tick sizes.

Mmanalhilali
86% match
Loading thumbnail…

Scatter Plot of African Populations

This scatter plot shows the population of African countries in 2019, with each circle representing a country positioned along a linear population scale and a point scale for country names. Data comes from the United Nations World Population Prospects 2019, with values multiplied by 1,000. The visualization uses d3.csv to load data, d3.scaleLinear for the x-axis, d3.scalePoint for the y-axis, and d3.axisBottom and d3.axisLeft to render the axes, with tick labels formatted using d3.format.

Ggabcoderboi
86% match
Loading thumbnail…

Gráfico de Dispersión

This scatterplot displays the population of African countries, with each dot's horizontal position corresponding to its population value and its vertical position representing the country name. The visualization uses D3.js v5 with an SVG renderer, employing `scaleLinear` for the population axis and `scaleBand` for the categorical country axis. The code generates axis ticks via `axisBottom` and `axisLeft`, and populates the data from a CSV file, scaling the population values by 1000. The chart also includes a rotated axis label and a custom title.

Ggenefedorchenko
86% match
Loading thumbnail…

Scatter plots

This scatter plot displays population figures for five countries, with each circle positioned along a y-axis of country names and an x-axis of population values. The visualization uses d3.csv to load the data, converts population strings to numbers, and renders SVG circles scaled with d3.scaleLinear and d3.scalePoint. Axis creation relies on d3.axisLeft and d3.axisBottom, with tick formatting that replaces "G" with "B" for billion. The chart includes gridlines, axis labels, and a title, with styling applied via external CSS.

TTimothy sit
86% match