Skip to main content
SimilarExport ZIP
100%

Fork of Foreign Population in Germany by Selected Citizenships and Years

✓ Published0🌍 Public
AAsimali39
Last edited Dec 22, 2021
Created on Dec 22, 2021

This fork of a Streamgraph template visualizes the foreign population in Germany by selected citizenships across six years (2015–2020), based on CSV data from Destatis. Six stacked, wiggled areas represent Europe, Africa, America, Asia, Australia and Oceania, and Unknown, with hover effects that darken a path. The chart uses D3 v4, applying `d3.stack()` with `stackOffsetWiggle` and `stackOrderInsideOut`, plus `d3.area()` with `curveBasis` for smoothing. Axis ticks, labels, and area-label overlays come from `d3-axis` and the `d3-area-label` plugin.

AI-generated description

This is a recreation of the Streamgraph template.

Source: (https://www.destatis.de/EN/Themes/Society-Environment/Population/Migration-Integration/Tables/foreigner-citizenship-time-serie.html).

MIT Licensed

Similar vizzes

Loading thumbnail…

Foreign Population in Germany by Selected Citizenships and Years

This example shows the foreign population in Germany by selected citizenships and years, using a streamgraph to display changes across six categories. It uses d3.stack with the stackOffsetWiggle and stackOrderInsideOut settings, and renders the chart with SVG paths generated via d3.area. The data comes from two CSV files, merged and aggregated by the code before rendering. The visualization includes major and minor time axes, and uses d3.scaleOrdinal with a category color scheme to differentiate the series.

GGonzalo Montañés
88% match
Loading thumbnail…

Foreign Born in Canada

This streamgraph visualizes the foreign-born population in Canada over 150 years, aggregated into nine world regions as proportions of the total. The stacked area chart uses a wiggle offset to reveal changing immigration patterns since 1871. Built with D3 v4, it employs the d3.stack API with stackOffsetWiggle and stackOrderInsideOut, plus the d3-area-label library for area labels. The data comes from Statistics Canada charts 3 and 4, processed from CSV files, and rendered as SVG with interactive hover states.

CCurran Kelleher
74% match
Loading thumbnail…

Foreign Born in Canada

A stacked area chart visualizes 150 years of immigration in Canada, showing the foreign-born population by region of origin over time. The chart uses a streamgraph layout, with each colored band representing a different geographic area, such as the British Isles, Eastern Europe, or Southeast Asia. Data comes from Statistics Canada and is rendered using D3 v4, with d3.stack and stackOffsetWiggle for the streamgraph effect. Labels are positioned using the d3-area-label library, and the SVG visualization includes major and minor axes with hover effects that darken individual areas.

CCurran Kelleher
73% match
Loading thumbnail…

Fork of Persons of Concern StreamGraph by Origin

This visualization shows the total number of persons of concern grouped by country of origin over time, using a streamgraph with labels positioned inside each stream. Built with D3 v4 and rendered as SVG, it applies `d3.stack` with `stackOffsetWiggle` and `stackOrderInsideOut` to create the flowing layers, while `d3-area-label` places country names. The data comes from UNHCR Population Statistics and excludes countries with low counts. Interpolation between years smooths the paths, and hover effects highlight individual countries.

EEevikettu
73% match
Loading thumbnail…

Fork of Persons of Concern StreamGraph by Origin

A streamgraph visualizes the total number of persons of concern grouped by country of origin, summing categories like refugees, asylum-seekers, and internally displaced persons. The interactive D3.js v4 visualization uses `d3.stack` with a wiggle offset and inside-out ordering, rendering static SVG paths with d3-area, a time-based x-scale, and labels positioned via d3-area-label. Data is fetched from a remote JSON file, filtered to countries with over one million people, and interpolated across years using d3's bisector and date range methods.

CCristina Macaraig
72% match
Loading thumbnail…

Fork of World Population Area Chart

This chart visualizes world population over time, using an area chart where the filled region represents population counts across years. The data is loaded from a CSV file and rendered as SVG. The visualization is built with D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and an `area` generator with `curveBasis`. The y-axis labels are formatted using `format('.1s')` to display billions. The chart includes a title, axis labels, and grid lines, all styled via CSS. The underlying data spans historical population estimates up to 2015.

Aaidatabaeva
72% match
Loading thumbnail…

Fork of Persons of Concern StreamGraph by Origin

This fork of the Persons of Concern StreamGraph visualizes the total number of persons of concern (refugees, asylum-seekers, internally displaced persons, and others) from 2000 onward, grouped by country of origin and excluding countries with low counts. It uses a wiggle-offset stacked area chart rendered as SVG with d3.v4, with labels positioned via d3-area-label and interpolated yearly values computed from UNHCR Population Statistics data. The code employs d3.stack, d3.scaleTime, d3.scaleLinear, and d3.schemeCategory10 for coloring, with hover effects that highlight a path in black.

Ssudeepmathew
72% match
Loading thumbnail…

Fork of of V6 Immigrants flow map between countries

This interactive map visualizes global immigration flows to and from selected countries in 2020. Clicking a highlighted country filters and displays bundled migration paths, rendered as curved lines, from that origin to destinations worldwide, with a bar chart below ranking the top 20 destination countries by immigrant count. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.ForceEdgeBundling` for flow aggregation, and `d3.scaleBand` with `d3.scaleSqrt` for the bar chart, drawing data from a CSV file.

Sserjunfan
72% match