Persons of Concern StreamGraph by Origin 1216

100%

Persons of Concern StreamGraph by Origin 1216

✓ Published0🌍 Public

Last edited Dec 19, 2021

Created on Dec 16, 2021

Forked from Persons of Concern StreamGraph by Origin

This streamgraph shows the total number of persons of concern—including refugees, asylum-seekers, and internally displaced people—grouped by country of origin over time, excluding countries with low counts. The visualization uses d3.stack with a wiggle offset and inside-out ordering, rendering labels via d3-area-label. It employs d3.scaleTime for the x-axis and d3.scaleOrdinal with d3.schemeCategory10 for colors. Hovering highlights a path in red. Data comes from UNHCR Population Statistics, loaded as JSON.

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.

Draws from Labeled Streamgraph and Syrian Refugees by Settlement Type.

Uses d3-area-label to position labels.

Originally published in bl.ocks.org: Persons of Concern StreamGraph by Origin.

MIT Licensed

Similar vizzes

Loading thumbnail…

Persons of Concern StreamGraph by Origin

This streamgraph shows the total number of persons of concern—including refugees, asylum-seekers, and internally displaced persons—grouped by country of origin over time, drawing on UNHCR population statistics. The visualization uses d3.stack with a wiggle offset to create the layered streams, and d3.area-label to place labels inside the curves. Data is interpolated across years to produce continuous paths, with hover effects altering fill opacity. Excluding low-count countries, the chart renders as an SVG with a time-based x-axis and a stacked area layout.

Ppgy-iacas

96% match

Loading thumbnail…

Persons of Concern StreamGraph by Origin

This streamgraph shows the total number of persons of concern—including refugees, asylum-seekers, and internally displaced people—grouped by country of origin, with data from UNHCR Population Statistics. Countries with low cumulative counts are excluded, and interactive hovering highlights a path in black. The visualization uses d3.v4 with d3.stack and is rendered as SVG, employing the d3-area-label library to position white labels. Year values are interpolated across a time axis with minor and major tick marks.

Sstephaniepottercorwin

96% match

Loading thumbnail…

Persons of Concern StreamGraph by Origin

A streamgraph shows the total number of persons of concern, such as refugees and internally displaced people, grouped by country of origin over time, excluding countries with relatively low counts. The visualization uses a wiggle offset and inside-out ordering to stack the areas, with labels positioned by d3-area-label. Data comes from UNHCR Population Statistics, interpolated across years and rendered as SVG using d3.v4's stack and area APIs.

Ddistortedlights

96% match

Loading thumbnail…

Persons of Concern StreamGraph by Origin

This interactive streamgraph visualizes the total number of persons of concern grouped by country of origin, with the sum of asylum-seekers, refugees, internally displaced persons, stateless persons, and other categories. The data comes from UNHCR Population Statistics and excludes countries with relatively low counts. Built with D3 v4, the visualization uses d3.stack with a wiggle offset and inside-out ordering, along with d3.area, d3.scaleTime, and d3.scaleLinear to render the smooth, labeled streams in SVG. The d3-area-label library positions area labels, and hovering over a path highlights it in black.

Ssathishkanna11

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

95% match

Loading thumbnail…

Persons of Concern StreamGraph by Origin

Ppgy-iacas

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

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

93% match