Skip to main content
SimilarExport ZIP
100%

Schotter Plot

✓ Published1🌍 Public
SShabani Muswamba
Last edited Apr 18, 2020
Created on Apr 18, 2020
Forked from Customising axis

This chart displays the population of the top ten most populous countries in 2018 using a dot plot. Each circle’s horizontal position encodes population size, while the vertical axis lists country names. The visualization uses D3 v5 to scale the data and render SVG circles, with a custom tick formatter converting values to billions. Data is loaded from a local CSV file and multiplied by 1000 to represent actual population counts. Gridlines and axis labels are styled via CSS.

AI-generated description

This bar chart shows population of the top 10 most population countries. Data from 2018 Author: Chris Shabani Muswamba

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries in 2018. Each circle is positioned along the x-axis by population and along the y-axis by country name. The chart uses d3.scaleLinear for the population axis and d3.scalePoint for the categorical country axis, with axes rendered via d3.axisLeft and d3.axisBottom. SVG circles, styled with a steelblue fill, are appended through D3's selection API. The data is loaded from a CSV file using d3.csv, with population values multiplied by 1000 to reflect actual counts.

Sslipperyd
87% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries in 2018, using a categorical vertical axis for country names and a linear horizontal axis for population counts. Each circle’s position encodes the country’s population value, with a uniform radius for all points. The visualization is built with D3 v5, using `scaleLinear` and `scalePoint` for axes, and `axisBottom` and `axisLeft` to render ticks and grid lines. Data is loaded from a local CSV file and rendered as SVG circles.

Hhamza.miftah@gmail.com
87% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a horizontal population axis and a vertical country axis. The chart uses a linear scale for population and a point scale for categorical country labels, with gridlines extending across the plot area. Built with D3 v7, the visualization loads data from a CSV file, formats axis ticks to abbreviate large numbers as billions, and renders circles with a fixed radius in steel blue. The title appears above the plot, and axis labels are styled with custom fonts and colors.

Aash301
86% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries in 2018, using circles positioned along a linear population scale and a point-based country axis. The visualization uses d3.csv, d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft to render the SVG chart. Population values are converted from thousands to raw numbers, and the x-axis labels are formatted with a custom function that replaces 'G' with 'B'. Data originates from the World Population Prospects 2017 estimate.

Ggoodej
86% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each circle’s position on the x-axis representing population size and the y-axis ordering countries by name. The visualization uses d3.csv to load population data in thousands, d3.scaleLinear and d3.scalePoint to map values, and d3.axisLeft and d3.axisBottom to render axes with tick formatting that converts large numbers to abbreviated labels. SVG circles are appended to the chart, with an axis grid created via tickSize, and a title labeling the chart’s purpose.

AAlex Reitz
86% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries using data from the World Population Prospects 2017 estimate. Each circle’s horizontal position represents population on a linear scale, while vertical positioning uses a point scale for country names. The visualization is rendered with SVG via d3.v5, using `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `format` for tick labels. Gridlines and axis labels are styled with CSS, and the data is loaded from a CSV file.

IIan Perry
86% match
Loading thumbnail…

Scatter Plot

This chart displays the population of the top 10 most populous countries as a dot plot with a linear population scale on the x-axis and a categorical point scale on the y-axis. The data is loaded via `d3.csv` and rendered as an SVG, using `d3.scaleLinear`, `d3.scalePoint`, `d3.axisBottom`, and `d3.axisLeft`. The x-axis uses formatted tick labels (e.g., "B" for billions) and grid lines, while circles are drawn with a steel-blue fill.

Ssaeedtajikai
86% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the 2018 population estimates for the top 10 most populous countries, using circles positioned along a horizontal population axis and a vertical country axis. The chart is rendered as an SVG using D3 v6, with a linear scale for population and a point scale for country categories. The code loads data from a CSV file, converts population strings to numbers, and uses `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to construct the visualization. Axis tick formatting converts large numbers into abbreviated units like "B" for billions.

VVeerle
86% match