Countries Scatter plot

100%

Countries Scatter plot

✓ Published1🌍 Public

Last edited Oct 2, 2019

Created on Sep 28, 2019

A scatter plot displays the relationship between fertility rate and urban population for 50 countries, with each circle representing a nation. The chart uses D3.js to create a linear x-scale for fertility rate and a reversed linear y-scale for urban population percentage. Grid lines extend from both axes, and axis labels clarify the variables. Data comes from a CSV file parsed with `d3.csv`, while the visualization is rendered as an SVG with circles styled in semi-transparent purple.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

A scatter plot comparing EU fertility rate with urban population %

This scatter plot displays the relationship between EU countries’ fertility rates and their urban population percentages, with each circle labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data from a CSV file supplied by the author via a GitHub gist. Circles are positioned using the scaled values, and country labels are placed with adjusted vertical offsets to reduce overlap. The chart is rendered as an SVG that fills the browser window, with salmon-colored text labels distinguishing them from the default circle marks.

YYiorgos Bagakis

86% match

Loading thumbnail…

Fork of A scatter plot comparing EU fertility rate with urban population %

This scatter plot visualizes the relationship between EU countries' fertility rates and their urban population percentages, with each data point labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the CSV data—sourced from a GitHub gist—to SVG circles and text elements. The plot fills the entire browser window, with axes positioned at the chart’s margins and salmon-colored country labels offset for readability. Data parsing converts string values to numbers for accurate scaling and positioning.

HHieuVu179

84% match

Loading thumbnail…

Country stats

This scatterplot shows the relationship between GDP per capita and birth rate for countries around the world, with each circle representing a country. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, `axisLeft`, and `csv` loading functions to map the data from the provided CSV file onto an SVG canvas. The chart includes labeled axes and a title, with circles positioned according to each country's metrics.

1123fischer

80% 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

80% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the populations of the ten most populous countries, with circles 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`, reading data from a CSV file. Population values are multiplied by 1000, formatted with ticks using `format('.3s')`, and rendered as steelblue circles in an SVG. Grid lines extend across the plot, with axes labels and a title.

SSamuel Elbaz

80% 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

80% 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

79% 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

79% match