Skip to main content
SimilarExport ZIP
100%

D3 Starter - Creating scatterplot

✓ Published1🌍 Public
Mmaxthamt
Last edited Mar 21, 2021
Created on Mar 21, 2021

This scatterplot displays the population of the top 10 most populous countries, using data from the 2019 United Nations World Population Prospects. Each circle’s horizontal position encodes population on a linear scale, while the vertical axis uses a point scale for countries. The visualization is rendered with D3 v5, using `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the SVG chart. Gridlines extend across the plot, and the x-axis formats tick labels in abbreviated units using `format('.3s')`.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2019 estimate in United Nations: World Population Prospects

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot

This scatterplot visualizes the population of the top 10 most populous countries using data from the 2017 United Nations World Population Prospects. Each circle represents a country, with its horizontal position encoding population size and its vertical position encoding country name. The visualization uses D3 v5 to create SVG output with axes, tick marks, and labels. It employs `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to map the data, and the chart includes a title and population axis label.

TTristan Schrader
93% match
Loading thumbnail…

Making a scatterplot

This scatterplot displays the population of the top 10 most populous countries, using data from the 2018 United Nations World Population Prospects. It shows each country as a circle positioned along a linear population scale and a point-based country scale. The code uses D3 v5 modules including `d3.csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render the SVG. Axis labels and a title are added manually, with tick formatting abbreviating values in billions. The rendering is purely SVG-based.

VVinh H. Le
93% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top 10 most populous countries, using data from the 2017 United Nations World Population Prospects. The code uses D3 v5 to create an SVG visualization with circles positioned by d3.scaleLinear for population and d3.scalePoint for country names. Axes are customized with d3.axisBottom and d3.axisLeft, including tick formatting that converts values to billions. The chart includes axis labels and a title, with styling applied through external CSS.

Hhberrong
93% match
Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes the populations of the top 10 most populous countries, using a dataset from the 2017 United Nations World Population Prospects. The chart displays each country as a circle positioned along a linear population scale on the x-axis and a point scale for country names on the y-axis. The code uses D3 v5’s `scaleLinear`, `scalePoint`, and `axisBottom`/`axisLeft` to render the SVG, with custom tick formatting that abbreviates large numbers (e.g., replacing “G” with “B”). Axis labels and a title are added programmatically, while grid lines and tick styling come from D3’s axis API.

EElena Momtcheva
92% match
Loading thumbnail…

Scatter plot

This scatter plot displays the population of the top 10 most populous countries in 2018, using data from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, employing `d3.scalePoint` for the categorical country axis and `d3.scaleLinear` for the population axis. Circles mark each country’s position, while customized axes include a formatted tick label that converts population values to billions. The chart is built from a CSV file and demonstrates axis customization through `d3.axisBottom` and `d3.axisLeft`.

LLinkous
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries using data from the 2018 United Nations World Population Prospects. D3 v5 renders the visualization in SVG, using `d3.scaleLinear` and `d3.scaleBand` for the axes, with axis labels and ticks customized through `d3.axisBottom` and `d3.axisLeft`. Circles represent each country, positioned by population on the x-axis and country name on the y-axis.

ZZhi Guangda
92% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, using circles positioned along a linear scale for population and a point scale for country names. The data originates from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv. The visualization uses D3 v7's scaleLinear, scalePoint, axisBottom, and axisLeft to render the SVG chart, with formatted tick labels and a population axis label.

Yyejichun@naver.com
92% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries, using a circle for each nation positioned along a linear population scale and a point scale for country names. The visualization reads population data from a CSV file sourced from the UN World Population Prospects, multiplying values by 1000 to reflect actual figures. Built with D3 v6, it uses `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG elements, with custom tick formatting converting billions to "Md" and dashed grid lines for readability.

Aalobry
92% match