Skip to main content
100%

Icelandic population pyramid

✓ Published0🌍 Public
ZZJONSSON
Last edited Nov 6, 2014
Created on Apr 29, 2013

This interactive population pyramid animates Iceland’s demographic structure from 1841 to 2013 via a slider. It shows age cohorts split by sex, with bars extending left and right from a central axis. The code uses d3.csv to load yearly data, d3.scale.linear for value mapping, and d3.svg.axis for labeled axes. SVG rectangles are repositioned and resized on each redraw based on the selected year, with separate scales for males and females to create the mirrored layout.

AI-generated description

Similar vizzes

Loading thumbnail…

Untitled

This animated population pyramid uses Icelandic census data from Hagstofa Íslands to display the distribution of males and females across ages for each year from 1841 to 2015. Two mirrored bar charts show the populations, with the year and age axes controlled by sliders. Built with D3 v3 and React, the visualization relies on `d3.scale.linear` for axes and `d3.svg.axis` for tick marks, while data is fetched via `d3.json` and `d3.xhr` in a custom `load_px_data` function. The animation updates the bar heights and axis ranges as the year changes.

BBTumbler
86% match
Loading thumbnail…

Population Pyramid

This population pyramid visualizes the distribution of U.S. male and female populations across five-year age brackets from 1850 to 2000. Overlapping translucent bars show both sexes simultaneously, with blue for males and pink for females, while arrow keys animate the displayed year. The D3 v3 code builds an SVG with sliding birthyear groups, using `d3.nest` to structure data from the Minnesota Population Center and `transition` to smoothly update bar heights and positions.

MMTClass
75% match
Loading thumbnail…

Population Pyramid

This visualization shows the changing distribution of the U.S. population by age and sex from 1850 to 2000, using a population pyramid where blue bars represent males and pink bars represent females. Interactive arrow keys animate the display through decennial census years. The code uses D3 v3 with SVG rendering, employing `d3.svg.axis`, `d3.nest`, and `transition.attr` to slide bars by birth year and update heights. Data comes from the Minnesota Population Center.

Mmbostock
74% match
Loading thumbnail…

Population Pyramid

This visualization shows the changing distribution of age groups in the United States from 1850 to 2000 as an animated population pyramid. Overlapping blue and pink bars represent male and female populations for five-year age brackets, with transparency revealing sex differences. Using d3.v3, the code builds the chart with SVG elements and transitions, while arrow keys trigger updates that slide the birthyear axis and resize bars. Data comes from the Minnesota Population Center via a CSV file.

MMTClass
73% match
Loading thumbnail…

2015-2100 Population Data

This visualization presents global population dynamics from 2015 to 2100 using an animated population pyramid. The chart displays age structure (0-19 years) on the vertical axis and population counts on the horizontal axis, with male and female data rendered as two back-to-back horizontal bar series. The animation steps through each year, updating the bars to reflect changing age distributions over time. The design uses a muted color palette to distinguish sexes, with male and female data shown on opposite sides of the central axis. The SVG rendering in D3.v3 creates a smooth, continuously updating transition that allows viewers to observe demographic shifts across the 85-year period at a glance.

BBukenyae
73% match
Loading thumbnail…

Fork D3 Tarea

This animated population pyramid uses D3 v7 to display demographic data from a CSV file across birth cohorts and years. The visualization shows population counts by age and gender, with bars representing different birth years that slide horizontally as the displayed year changes via arrow key navigation. The code employs d3.scale.linear, d3.nest for data aggregation, and transition methods with duration to animate the bar heights and container position smoothly between years.

Wwandrest
70% match
Loading thumbnail…

Population and age

This visualization shows the U.S. population distribution across age groups from 2010 to 2019, using a slider to animate between years. It renders an SVG bar chart with D3 v4, where each bar’s height and color encode population size via `d3.scaleLinear` and `d3.scaleQuantile`. Transitions smoothly update bars and axes over two seconds. Data is loaded from ten CSV files using `d3.queue` and `d3.csv`. The code relies on D3’s `scaleBand`, `axisBottom`, `axisLeft`, and `transition` APIs.

Hhamzavg
69% match
Loading thumbnail…

Age pyramid

This visualization shows the age distribution of a population, separated by sex and marital status. The pyramid displays males on the left and females on the right, with the y-axis showing age from 0 to 90 and the x-axis representing population counts in thousands. Each age group is broken down by marital status (single, married, divorced, widowed), with different colors representing each category. The chart uses the Observable Plot library, with `Plot.plot`, `Plot.areaX`, and `Plot.ruleX`/`Plot.ruleY` to construct the pyramid, while D3's `d3.csv` loads the population data.

SStefan Apostol
69% match