Scatter Plot

100%

✓ Published0🌍 Public

Last edited May 25, 2020

Created on May 25, 2020

This scatter plot displays the population of administrative regions in Quebec, with each circle positioned along a linear population scale and a point scale for region names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, `axisLeft`, and `csv` for data loading. Axis ticks extend across the plot as gridlines, and the x-axis labels use a custom `format` function to abbreviate large numbers. Data comes from a local CSV file with 2018 population estimates.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axes

This bar chart displays the population of Quebec’s administrative regions, using data from the 2017 United Nations World Population Prospects. The example highlights customized D3 axes, including a left axis stripped of its domain line and ticks, and a bottom axis with a custom tick format that abbreviates numbers (e.g., converting millions to “M”). The SVG rendering uses d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom, with axis labels and tick styling applied via CSS.

Mmathsmi

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

76% match

Loading thumbnail…

散点图

This scatter plot displays the population of six global regions in 2019, using circles positioned along a point scale for regions and a linear scale for population values. The chart includes labeled axes, gridlines, and a title, with data loaded from a CSV file using d3.csv. The code employs d3.scalePoint, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.format to render the visualization as SVG, applying a nice() function to the population scale for cleaner tick values.

Lluojiandan

75% match

Loading thumbnail…

Scatter Plot Mothafockas

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.

Vvsalas20

74% match

Loading thumbnail…

Scatter plot: Quantitative

This visualization displays the population of the nine most populous countries as a scatter plot, with countries listed on the y-axis and population values on the x-axis. The D3.js v5 code uses `scaleLinear` and `scalePoint` to position circles, and `axisLeft` and `axisBottom` to render the axes, with population labels formatted in billions using `format`. Data is loaded from a CSV file and scaled by a factor of 1,000.

SShane Carey

74% match

Loading thumbnail…

Scatter Plot

A scatter plot displays population sizes for the ten most populous countries, with each circle positioned along a categorical y-axis for country names and a quantitative x-axis for population. The visualization uses D3 v7, building SVG output with scales from `scaleLinear` and `scalePoint`, axes via `axisBottom` and `axisLeft`, and formatting using `format`. Data loads from a CSV file, converting population values to thousands and rendering labeled, grid-lined axes.

Aadelgrosso

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

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

73% match