Skip to main content
SimilarExport ZIP
100%

United Nations World Population Prospects 2019

✓ Published0🌍 Public
CCurran Kelleher
Last edited Sep 12, 2019
Created on Sep 12, 2019

This example visualizes global population change from 1950 to 2020 using the United Nations World Population Prospects 2019 dataset, cleaned and formatted as CSV. It displays population values for each country across annual columns, highlighting trends for major nations like China, India, and the United States. The visualization uses D3.js to render the data, with the source data loaded directly from the provided CSV file, enabling interactive exploration of demographic shifts over seven decades.

AI-generated description

This is the United Nations World Population Prospects 2019 Dataset, cleaned and formatted as CSV.

Similar vizzes

Loading thumbnail…

United Nations Population Prospects Data Viz

This interactive bar chart displays the top ten most populous countries in 2020, based on data from the 2019 United Nations Population Prospects, loaded via a CSV file. The visualization uses React hooks to fetch and manage the data, while D3’s `scaleBand` and `scaleLinear` position and size each rectangular bar within an SVG canvas. The chart renders directly in the browser, with country names on the y-axis and population values mapped to bar widths.

Ccoltonjcox92
80% match
Loading thumbnail…

United Nations World Population Prospects 2019

This visualization displays the ten most populous countries for 2020, using horizontal bars ranked by population size from the United Nations World Population Prospects 2019 dataset. The chart loads CSV data via `d3.csv`, then renders SVG rectangles with React, scaling bar widths using `d3.scaleLinear` and positioning them vertically with `d3.scaleBand`. Axis ticks and labels are generated from the scales, with population values shown along the bottom. The code demonstrates a React state hook (`useState`, `useEffect`) to asynchronously fetch and slice the data, while D3 utilities handle the layout and formatting.

DDavid
79% match
Loading thumbnail…

UN Population Estimates 2017 Medium Variant

This visualization plots UN World Population Prospects 2017 medium-variant estimates for world regions from 2015 to 2100. It uses D3.js to render multiple line series, with each region’s population values drawn as a path over time. The dataset from the UN’s medium fertility scenario is loaded via an external CSV, and D3’s line interpolation and axis ticks map the yearly population figures to screen coordinates.

CCurran Kelleher
79% match
Loading thumbnail…

UN World Population Prospects 2020

This interactive bar chart displays the top ten countries by UN-estimated population for 2020. Each horizontal bar’s length is scaled to the population value, with country labels on the vertical axis. The visualization is built with React and D3 v7, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded asynchronously from a CSV file via `d3.csv`, and the chart is rendered as SVG elements within a React component.

RRedSorrel
79% match
Loading thumbnail…

World Population Prospects Visualisation

This example shows a horizontal bar chart of the top ten countries by population in 2020. It loads UN population data via `d3.csv`, transforms the numeric population column, and sorts by filtering the first ten rows. The visualization uses React with `useState` and `useEffect` to fetch data asynchronously, while D3's `scaleBand` and `scaleLinear` map country names and population values to SVG rectangles. The chart renders as a clean, unlabeled bar list against a white background using ReactDOM.

Aazharahmad0
78% match
Loading thumbnail…

UN Population Prospects 2019

A horizontal bar chart displays the ten most populous countries in 2020 based on UN Population Prospects 2019 data. The visualization loads a CSV file via `d3.csv`, parses the population column, and maps country names to a `scaleBand` y-axis while populations drive a `scaleLinear` x-axis. React state manages the asynchronous data loading, and SVG rectangles render the final bars. The chart uses D3 v5 for scales and data parsing, with React components handling the rendering.

Kkosakase
77% match
Loading thumbnail…

Gist 82f1412c4873ad80d3e4466bc5836efb

This example visualizes global population change from 1950 to 2015 using data from the United Nations World Population Prospects. It employs d3.forceSimulation to arrange nodes and d3.geoPath to render world map boundaries, with population values indicated through node size and color. The visualization likely uses Canvas for rendering, as suggested by the potential use of getImageData for pixel-level interactions.

GGugaGongadze
77% match
Loading thumbnail…

World Population Visualization

This example presents a horizontal bar chart of the top 10 countries by 2020 population, using data from the UN Population 2019 CSV. The visualization shows the relative population sizes with labeled axes and gridlines. Built with React and D3 v7, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and SVG `rect` elements for rendering. Data is loaded asynchronously via D3’s `csv` function before being displayed.

OOm Kakatkar
77% match