Skip to main content
SimilarExport ZIP
100%

Visualizing bar chart from UN

✓ Published0🌍 Public
Llyuhau
Last edited Feb 7, 2020
Created on Feb 7, 2020
Forked from Cars Report

A horizontal bar chart visualizes the total population for each income group in 2020, drawing from United Nations data. The visualization uses D3 v5 to create an SVG, with a linear scale for the population axis and a band scale for the categorical income groups. Population values are loaded from a CSV file, while the chart includes axis labels, tick marks, and a title, all styled through CSS. The bars are rendered as simple SVG rectangles filled with steelblue.

AI-generated description

This is a cool dataviz!

MIT Licensed

Similar vizzes

Loading thumbnail…

bar chart united natations

This bar chart displays United Nations population estimates for 2020 across countries, using horizontal bars ranked along a categorical y-axis with a linear x-axis scaled to the maximum population value. The visualization is built with React and D3 v5, loading CSV data from a GitHub Gist via `d3.csv` and rendering SVG rectangles positioned through `scaleBand` and `scaleLinear`.

NNart Williamson
85% match
Loading thumbnail…

Bar chart UN data

This example shows a horizontal bar chart displaying the top ten countries by 2020 population, as sourced from UN population data. The bars are rendered as green SVG rectangles, with the bar lengths proportional to population values from the CSV file. Built with React and D3 v5, the chart uses D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The visualization includes axis ticks, labels, and a gridline.

FFlorian Maas
84% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of several countries using a horizontal layout, with the United Nations population data loaded from a CSV file. The visualization uses D3 v5’s `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis, rendering SVG rectangles and axes via `axisBottom` and `axisLeft`. Population values are formatted with `format('.3s')` for compact labels, and the chart is drawn within an SVG container using margins and a translated group element.

JJames Song
84% match
Loading thumbnail…

Making a Bar Chart

A bar chart displays the population of ten countries using 2018 data from the United Nations World Population Prospects. The visualization loads a CSV file with population values and maps them to horizontal bars, with country names on the y-axis and population counts on the x-axis. Using D3 v5, the code employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG chart, while `csv` loads the data and `max` determines the scale domain. The bars are rendered as SVG rectangles with steelblue fill.

BBossmaen
84% match
Loading thumbnail…

Making a Bar Chart

This example visualizes the 2018 populations of the top 10 most populous countries from United Nations data, presented as a horizontal bar chart. The chart ranks countries by population, with a steelblue fill for each bar and customized D3 axes that remove domain lines and use a tick format converting G to B (e.g., billions). Using d3.csv, d3.scaleLinear, and d3.scaleBand, the code maps population values to pixel widths and country names to vertical bands. The SVG rendering, with margins and axis labels, demonstrates how to structure axes in D3 v5.

Ssuyunlan
84% match
Loading thumbnail…

Making a Bar Chart

This example visualizes the 2018 populations of the top 10 most populous countries from United Nations data, presented as a horizontal bar chart. The chart ranks countries by population, with a steelblue fill for each bar and customized D3 axes that remove domain lines and use a tick format converting G to B (e.g., billions). Using d3.csv, d3.scaleLinear, and d3.scaleBand, the code maps population values to pixel widths and country names to vertical bands. The SVG rendering, with margins and axis labels, demonstrates how to structure axes in D3 v5.

Ssuyunlan
84% match
Loading thumbnail…

BarChart with D3.js

This bar chart displays the populations of the 19 most populated countries, using data from UN 2020 estimates. The horizontal bars are sorted by country name, with each bar’s length proportional to its population. The visualization is built with D3 v5, using `scaleLinear` and `scaleBand` to map values, and `axisLeft` and `axisBottom` for the axes. Data is loaded from a CSV file and rendered as SVG rectangles with a green fill.

TTebid Quinsy
83% match
Loading thumbnail…

UN Population Bar Chart v3

This visualization displays the populations of the top ten countries from a UN 2020 dataset as horizontal bars, using a bar chart format. The chart scales population values linearly on the x-axis and country names using a band scale on the y-axis. Built with React and D3 v7, it loads the CSV data via `d3.csv` and renders SVG elements directly, including axis ticks and grid lines. The visualization fills the browser window and updates asynchronously once the data is fetched.

JJohn Lewis
83% match