Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
Sslipperyd
Last edited Feb 26, 2020
Created on Feb 26, 2020
Forked from Customizing Axes

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.

AI-generated description

This bar chart shows the total population of the top 10 most populous countries. The data comes from the year 2018, source(...)

MIT Licensed

Similar vizzes

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
96% match
Loading thumbnail…

Scatter Plot

This example shows the top 10 most populous countries in 2018, with each country’s population plotted as a circle along a linear x-axis and a categorical y-axis. The visualization uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for scaling, and d3.axisBottom and d3.axisLeft for the axes. Circles are appended to an SVG, styled in steelblue via CSS. Axis labels and a title are added as text elements, with gridlines generated by tickSize settings. The data comes from a local CSV file, and the chart renders entirely as SVG.

Zzlastefcia
95% 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
95% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries, with each circle positioned along a point scale for country names and a linear scale for population values. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the chart. Population data is loaded from a CSV file, and axis tick labels are formatted using `format` with abbreviations like "B" for billions. The chart includes grid lines, an axis label, and a title, with circles styled in steelblue.

Kkkwyoung
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a linear x-axis for population and a point scale y-axis for country names. The chart uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to render axes and circles as SVG elements. Data is loaded from a CSV file via d3.csv, with population values multiplied by 1,000. Axis tick labels use d3.format with a custom abbreviation, and gridlines are created through tickSize settings.

NNaveenaS12
94% 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
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries. Each circle represents a country, positioned along a linear x-axis for population and a categorical y-axis for country name. The chart uses D3 v5, rendering as SVG, and employs `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` APIs. The data from `data.csv` is loaded via D3's `csv` function, with population values multiplied by 1000. The chart includes a title and axis labels, with a clean, margin-based layout.

Yyoghurtx
94% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, with each country positioned along a point scale on the y-axis and its population on a linear x-axis. The visualization uses D3 v5 (d3.scaleLinear, d3.scalePoint, d3.axisLeft, d3.axisBottom) to render SVG circles. Population values, loaded from a CSV, are formatted with d3.format (e.g., “1.43B”), and grid lines are created using tickSize on the axes.

CCaleb
93% match