Skip to main content
SimilarExport ZIP
100%

Viet refugees

✓ Published1🌍 Public
MMinh Luong
Last edited Jun 27, 2022
Created on Feb 19, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

HHyunwoo Park
84% match
Loading thumbnail…

Map of Vietnam

This map of Vietnam displays the country’s provincial boundaries as grey regions with blue outlines. Built with React and D3 v4, it uses `d3.geoMercator` for projection and `d3.geoPath` to render features filtered from the world GeoJSON dataset. The visualization loads world geography from a remote source, isolates Vietnam’s geometry, and presents the result in an SVG canvas with a simple green background.

KKevin Raj
69% 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
68% match
Loading thumbnail…

ICE 8: VN Map

This example renders a choropleth map of Vietnam’s states, coloring each polygon according to its area value using a purple ordinal color scale. Built with React and D3 v6, it loads TopoJSON data from a GitHub repository, converts it to GeoJSON via `topojson.feature`, and projects it with `d3.geoMercator` and `d3.geoPath`. The SVG output is generated inside a React component using refs, with `d3.json` fetching the data asynchronously and `scaleOrdinal` mapping values to colors.

Ttrucntx007
67% 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
67% match
Loading thumbnail…

Untitled

This visualization displays a world map with asylum seeker data, highlighting the flow of refugees from various countries to Canada over time. Using D3 version 3, the map employs a geographic equirectangular projection with graticules, land boundaries, and a red arc connecting two specific locations. The code loads TopoJSON world data to render land masses and country borders, while the asylum data is loaded from an external CSV file. The visualization demonstrates how geographic and temporal asylum patterns can be represented through interactive map-based data visualization.

Aankita1mit
67% 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
66% match
Loading thumbnail…

world map

This world map visualization displays global migration data for the year 2019, with each country’s migrant population represented by a white circle whose radius is scaled to the data value. The map uses a Natural Earth projection with graticules, country boundaries, and interior mesh lines. The visualization is built with React, D3 v5, and the topojson library, rendering SVG paths for the geographic features and circles for the data points. The geographic data comes from the world-atlas GeoJSON dataset, while migration figures are loaded from a CSV file.

Ssucotton9
66% match