Scatter Plot Mothafockas

100%

Scatter Plot Mothafockas

✓ Published0🌍 Public

Last edited Nov 29, 2019

Created on Nov 29, 2019

This scatter plot displays the population of each continent in 2018, with circles plotted along a linear population scale and a point-based categorical axis for continents. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Population values from the CSV are formatted with abbreviations (e.g., “B” for billions), and grid lines extend across the plot. The chart also includes axis labels and a title, styled with custom CSS for fonts and circle transparency.

AI-generated description

An example including some commonly used features of SVG.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the estimated population of Earth’s continents for 2020, using circles positioned along a linear x-axis for population (in thousands) and a point scale y-axis for continent names. The visualization is rendered as SVG and built with D3 v5, using `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` APIs. Data comes from the UN’s World Population Prospects 2020, loaded via `csv`. The chart includes labeled axes, gridlines, and a title, with population values formatted in abbreviated units.

PPavel Antoshkin

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

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

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

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

85% match

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

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

85% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of eight countries, with each circle positioned along a horizontal axis scaled by population and a vertical axis listing country names. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and labeled axes. Data from a CSV file is parsed, with population values multiplied by 1000, and formatted using a custom tick formatter that converts abbreviations to billions. The chart includes gridlines, axis labels, and a title, all styled via external CSS.

BBKirst3

85% match