Skip to main content
SimilarExport ZIP
100%

Refugees Streamgraph

✓ Published0🌍 Public
PPatrick Wojda
Last edited Mar 31, 2020
Created on Mar 31, 2020

This streamgraph visualizes the total number of persons of concern to UNHCR, grouped by country of origin, using a flowing, layered area chart. The data spans multiple years and is filtered to exclude countries with relatively low counts. Rendered in SVG with D3 v4, the chart uses a wiggle offset to create the signature streamgraph silhouette, with each country’s contribution represented as a colored layer. Labels are positioned using d3-area-label, and hovering highlights individual streams by turning them black. The visualization relies on interpolated yearly values and a custom stack layout to show change over time for over 1 million persons of concern per country.

AI-generated description

A StreamGraph visualization of the total number of persons of concern grouped by country of origin.

The total number of persons of concern is the sum of Asylum-seekers, Internally displaced persons, Persons in IDP-like situation, Others of concern, Returned IDPs, Refugees (incl. refugee-like situations), Returnees, Persons in Refugee-like situation, and Stateless Persons. Excludes countries with relatively low counts. Data from UNHCR Population Statistics.

See also this variant that shows the data grouped by destination.

Draws from Labeled Streamgraph and Syrian Refugees by Settlement Type.

Uses d3-area-label to position labels.

<div align="center"><img src="http://simplehitcounter.com/hit.php?uid=2286102&f=16777215&b=0" border="0" height="18" width="83"></div>

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/929c0cb58d5ec8dc1dceb7af20a33320'>Persons of Concern StreamGraph by Origin</a>

MIT Licensed

Similar vizzes

Loading thumbnail…

Refugees Streamgraph

A streamgraph visualizes the total number of persons of concern to UNHCR from 1951 to 2016, grouped by country of asylum or residence and excluding countries with low cumulative counts. The chart uses a wiggle offset and inside-out ordering via `d3.stack` to create the layered flows, with area shapes rendered as SVG paths using `d3.area` and a basis curve. Hovering highlights a country by turning its path black. Data originates from UNHCR’s time series CSV and is preprocessed with `d3.nest`.

CCurran Kelleher
95% match
Loading thumbnail…

Refugees Streamgraph

This visualization shows the total number of persons of concern grouped by country of origin from 1951 to 2016, using a streamgraph with a wiggle offset. It labels selected regions with `d3-area-label` and includes interactive highlighting on hover. The data is sourced from UNHCR Population Statistics and preprocessed into a JSON file. The visualization is built with D3 v4, using `d3.stack`, `d3.area`, and `d3.scaleTime` for rendering as SVG.

CCurran Kelleher
94% match
Loading thumbnail…

Persons of Concern StreamGraph by Origin

A streamgraph displays the total number of persons of concern (refugees, asylum-seekers, internally displaced persons, and others) over time, grouped by country of origin, with labels placed inside each area using the `d3-area-label` library. The visualization uses D3.js v4 with an SVG rendering, applying `d3.stack` with a wiggle offset and inside-out ordering to create the stacked areas. Data comes from UNHCR Population Statistics and is interpolated across years. The chart includes hover effects that darken each area and uses `d3.scaleTime` and `d3.scaleLinear` for axes.

Ttoeric
89% match
Loading thumbnail…

Fork of Persons of Concern StreamGraph by Origin

This streamgraph visualizes the total number of persons of concern (refugees, internally displaced persons, stateless persons, and related categories) grouped by country of origin, using data from UNHCR. The stacked areas wiggle across a time axis, with labels positioned via the d3-area-label library. The visualization also interpolates values between recorded years to create a continuous series. It renders to SVG using d3.v4, with stacked areas ordered and offset via d3.stack and a color scale from d3.schemeCategory10. Excluded are countries with low total counts.

Aayilya1
88% match
Loading thumbnail…

Persons of Concern StreamGraph by Origin

This streamgraph shows the total number of persons of concern to UNHCR over time, grouped by country of origin, with each colored band representing a country. Using D3.js v4, it employs `d3.stack` with `d3.stackOffsetWiggle` and `d3.stackOrderInsideOut` to create the layered layout, and `d3.area` with `d3.curveBasis` for smoothed curves. Data from the UNHCR Population Statistics API is loaded via `d3.json`, and labels are positioned using the `d3-area-label` library. The visualization filters to countries with over one million total persons of concern and renders as an SVG.

JJerfaas
88% match
Loading thumbnail…

Fork of Persons of Concern StreamGraph by Origin

This visualization presents a streamgraph of the total number of persons of concern (refugees, asylum-seekers, internally displaced persons, and related categories) grouped by country of origin, using data from UNHCR Population Statistics. The chart renders as an SVG with a wiggling stacked area layout, highlighting countries with over one million total persons. It interpolates yearly values between data points and uses d3.stack with stackOffsetWiggle, d3-scale-time, and d3.axisBottom for the time axis. Labels are positioned automatically via the d3-area-label library, and the implementation runs on d3 v4.

NNick-Brice
88% match
Loading thumbnail…

Persons of Concern StreamGraph by Origin

This streamgraph visualization shows the total number of UNHCR persons of concern over time, grouped by country of origin, using d3.stack with the stackOffsetWiggle algorithm to create layered flowing areas. It includes interactive hover effects that highlight individual paths, with labels positioned via d3-area-label. The chart interpolates missing yearly data using d3.bisector and renders as SVG, with major and minor time axes. Data comes from UNHCR Population Statistics, filtered to exclude countries with relatively low counts.

CCurran Kelleher
87% match
Loading thumbnail…

Persons of Concern StreamGraph by Origin

This streamgraph visualizes the total number of persons of concern, grouped by country of origin, over time, using data from UNHCR Population Statistics. The graphic displays the changing volume of various categories—such as refugees, asylum-seekers, and internally displaced persons—as stacked, colored streams, with labels repositioned using d3-area-label. The visualization employs D3 v4’s `d3.stack`, `d3.area`, and `d3.curveBasis` to render the smoothed, wiggle-offset streams, while `d3.scaleTime` and `d3.scaleLinear` handle the axes. The SVG rendering uses a filter to exclude countries with low total counts, and the streams highlight on hover.

Ppgy-iacas
87% match