Tracking Refugees w/ D3.js

Refugee destinations and origins

An example of D3.js’ robust animations and drill-down features

Taylor Rodgers

Since 2010, many people find themselves fleeing their home country to escape war, terrorism, and poverty.

Down below is a visualization using D3, an advanced data visualization framework based in JavaScript, that illustrates the story of these refugees based on the country they arrived in.

You can click on the bars to discover where the refugees came from.

Data and Code Sources

This data came from a Tidy Tuesday posting, pulled from the refugee R package, and was originally compiled by United Nations High Commissioner for Refugees (UNHCR) Refugee Data Finder.

The visualization used Mike Bostock’s D3 example found here, but was modified to use refugee data, incorporate background images, headers, and a line plot.

Photograph Sources: