Skip to main content
SimilarExport ZIP
100%

Fork of Viet refugees

✓ Published0🌍 Public
HHyunwoo Park
Last edited Feb 25, 2022
Created on Feb 25, 2022
Forked from Viet refugees

This map visualizes the number of refugees under UNHCR’s mandate by country for a given year. The visualization uses a natural Earth projection to render world geography, with each country colored according to its refugee count using a red-yellow-green sequential color scale. The map is rendered as SVG, and the code leverages D3’s `geoPath`, `geoNaturalEarth1`, `scaleOrdinal`, and `schemeRdYlGn` to project, color, and display the data. Country data is loaded from a CSV file, while the geographic boundaries come from the world-atlas package.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Viet refugees

This interactive world map visualizes Vietnamese refugee data from 1975 to 1995, allowing users to switch between three metrics: refugees under UNHCR’s mandate, returned refugees, and resettlement arrivals. A year selector and view dropdown update the map dynamically, with each country colored using a red-yellow-green ordinal scale based on the selected metric. The visualization uses D3 v5 with geoNaturalEarth1 projection, geoPath, and zoom functionality, while loading TopoJSON world atlas data and CSV refugee statistics from a remote source. Hovering over countries reveals tooltips with specific values via SVG title elements.

MMinh Luong
84% match
Loading thumbnail…

Refugees Streamgraph

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.

PPatrick Wojda
74% match
Loading thumbnail…

Fork of US Immigrants

This visualization shows a world map rendered with an equirectangular projection, where each country is displayed as a green filled area with black outlines. The map includes a blue sphere backdrop and features a hover effect that changes country fills to orange. Built with D3 v5 and TopoJSON, the code uses `d3.geoPath` and `d3.geoEquirectangular` to project geographic data from the world-atlas 110m dataset. Country boundaries are generated via the `feature` method from TopoJSON, and the SVG output is styled through external CSS.

RReggieW
73% match
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
71% match
Loading thumbnail…

Fork of world map

This visualization displays global immigration numbers across multiple years, with proportional circles overlaid on a natural Earth projection map. Users can select different years from a dropdown menu to update the circle sizes. The React app uses d3.geoNaturalEarth1 with d3.geoPath to render country boundaries, graticules, and sphere from TopoJSON data, while d3.scaleSqrt scales circle radii for immigrant counts from the Sense Your City dataset.

Ssucotton9
71% 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
71% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This example visualizes the share of the population infected with HIV/AIDS across countries for 2017, using a choropleth map colored with a sequential yellow-orange-red scale. The map is rendered with React and D3 v5, using `geoNaturalEarth1` projection and `geoPath` to draw country boundaries from World Atlas TopoJSON. The color scale maps the disease prevalence values from the Missing Migrants Dataset to the color legend sequentially via `scaleSequential`.

Ssteelerfan107
70% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps the total number of dead and missing migrants worldwide using a natural Earth projection. Each circle’s radius is scaled with a square-root scale, with circles overlaid on land masses and graticules rendered via `d3.geoPath` and `geoNaturalEarth1`. The project uses React for component structure, D3 v5 for data loading and scaling, and TopoJSON for world atlas features. Data comes from a CSV file containing location coordinates and migrant death counts, with the map rendering as an SVG.

Ssuhail.parkar02@gmail.com
70% match