population graph

100%

population graph

✓ Published0🌍 Public

Last edited Apr 23, 2017

Created on Apr 23, 2017

This visualization presents United Nations population projections for countries with over one million people, using stacked areas to show the changing composition of global population from 2010 to 2100 under the medium fertility variant. The chart displays several projection scenarios as colored layers, with buttons that reorder the stack using different `d3.stack` order functions (ascending, descending, inside-out, reverse) and offset methods (wiggle, silhouette, expand). Built with D3 v4, the visualization loads CSV data and renders animated transitions between stacking arrangements.

AI-generated description

forked from <a href='http://bl.ocks.org/sarubenfeld/'>sarubenfeld</a>'s block: <a href='http://bl.ocks.org/sarubenfeld/da68bced18ee36b8a73ac3e42473953d'>population graph</a>

mit Licensed

Similar vizzes

Loading thumbnail…

D3 Example

This stacked area chart visualizes world population changes from 1950 onward using D3.js, with data from United Nations Population Estimates. The chart maps time on the x-axis and population on the y-axis, with each country represented by a colored area layer stacked atop one another. The visualization uses an SVG rendering with a time scale for the x-axis, a linear scale for population, and a categorical color scale for countries. A legend identifies the color-coded countries, and axes include formatted labels with a custom tick formatter that converts Giga to "B" for billions. The chart is interactive in that it responds to the loaded CSV dataset, dynamically stacking areas by country and rendering population values over time. This example is part of Curran's "Splitting Charts" screencast series and is forked from prior blocks, demonstrating iterative development of data visualizations using D3.js.This example demonstrates an interactive stacked area chart visualizing world population changes over time. Built with D3.js, it renders directly to SVG, creating a clean, scalable graphic. The chart maps time (year) to the x-axis and population to the y-axis, with each country's population represented as a distinct colored layer, stacked to show the total population distribution. The visualization uses a color legend for country identification, custom axis formatting (e.g., "B" for billion), and a smooth layering approach to display population trends across multiple countries from 1950 onward. The data comes from the United Nations Population Estimates.

CCurran Kelleher

80% 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

80% match

Loading thumbnail…

Population Chart

This chart visualizes global population trends over time using an area chart, sourced from the 2018 United Nations World Population Prospects. The SVG rendering uses d3.scaleTime and d3.scaleLinear to map years and population values, with axes created via d3.axisBottom and d3.axisLeft. A maroon-filled path is generated by d3.area with curveBasis, while tick formats abbreviate large numbers using d3.format. The data is loaded asynchronously from a CSV file using d3.csv.

Yylzami40

79% match

Loading thumbnail…

Untitled

This example visualizes population growth over time for global regions, drawing on UN population estimates (1950–2014) and medium-variant projections (2015–2100). It renders multiline time-series curves using d3.line with curveBasis, scaled by d3.scaleTime and d3.scaleLinear, while a categorical d3.scaleOrdinal with schemeCategory10 assigns region colors. The chart includes axes, gridlines, and a custom color legend built via d3-selection. Data is processed by melting a wide CSV format into tidy rows, filtering for regions only, and concatenating the historical and projected datasets.

Ccyanea1

79% match

Loading thumbnail…

Population time-series

This interactive visualization displays population trends for global regions from 1950 to 2100, using animated line charts that show each region’s growth over time. The data comes from UN population estimates, processed and merged from two CSV files. The visualization is built with React and D3.v5, using d3.line for path generation, d3.scaleTime for the x-axis, and d3.scaleOrdinal with color legends to distinguish regions. The SVG rendering includes axis labels, a chart title, and interactive color legend, with animations applied to legend transitions.

JJorge Emilio Zapata Godoy

78% match

Loading thumbnail…

Population time-series

This visualization displays population trends for global regions from 1950 to 2100, using animated line charts that color-code each region via a categorical scale. The data, sourced from UN population estimates, is processed through a custom melt function and rendered as SVG with D3 v5, React, and the `d3.axisBottom`, `d3.axisLeft`, and `d3.line` APIs. A color legend with animated transitions clarifies the mapping, while styled tick lines and labels enhance readability.

MManoj Betawar

78% match

Loading thumbnail…

2015-2100 Population Data

This example visualizes global population change from 2015 to 2100 as an animated stacked area chart using D3 v3 with SVG rendering. The data, sourced from a Gist by BruceHenry, provides male and female population counts across 21 age groups (0-4 up to 100+) in five-year intervals. The chart displays two mirrored area series for males and females, with smooth transitions as the years advance, illustrating shifts in age composition and overall population growth over the century.

BBruceHenry

78% match

Loading thumbnail…

United Nations World Population Prospects 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.

CCurran Kelleher

77% match