missing migrants on a map

100%

missing migrants on a map

✓ Published1🌍 Public

Last edited Oct 4, 2021

Created on Oct 4, 2021

This visualization plots missing migrants on a world map using a natural Earth projection. Each incident location appears as a semi-transparent teal circle, with its radius scaled by the square root of the recorded total dead and missing count. The map includes graticules, country borders, and a light sphere background. Built with React and D3 v7, the code uses `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and TopoJSON to merge geographic features with CSV data on migrant disappearances.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants from 2014 to 2021, using a natural Earth projection rendered with `d3.geoNaturalEarth1` and `d3.geoPath`. Each circle represents a recorded incident, with its radius scaled proportionally to the total number of dead or missing via a square-root scale. The map overlays land polygons and country borders from the world-atlas TopoJSON dataset onto graticule lines. React manages the component hierarchy, while D3 loads the CSV data and handles geographic projections, all rendered as SVG elements with semi-transparent teal circles.

JJun Suzuki

94% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps missing migrant incidents worldwide using a natural Earth projection. Circles sized by the square root of the total dead and missing count are overlaid on geographic landmasses and graticules, with opacity highlighting incident density. It uses React for component structure, d3.geoNaturalEarth1 and d3.geoPath for projection and rendering, d3.scaleSqrt for radius encoding, and topojson to convert world atlas data. The dataset comes from the Missing Migrants CSV, with coordinates parsed and reversed for plotting.

AAnthony Ynami

94% match

Loading thumbnail…

Missing Migrants on a World Map

This visualization plots reported missing migrant incidents on a world map using a natural Earth projection. Each dark circle represents a location with a radius scaled by the square root of the total dead and missing count. The map renders SVG land masses, graticules, and country borders from TopoJSON world-atlas data, while the underlying CSV provides incident coordinates. The React app uses D3 utilities like `geoNaturalEarth1`, `geoPath`, and `scaleSqrt` to combine geographic and proportional symbol encoding.

Hhunsingeruk@gmail.com

94% match

Loading thumbnail…

Missing Migrants on a Map

This visualization shows the locations of missing migrants on a world map, using a natural Earth projection to render landmasses and graticules. Each migrant incident is drawn as a semi-transparent circle, with its radius scaled proportionally to the total number of dead and missing via a square-root scale. The map is built with d3.geoPath for geographic features and d3.geoGraticule for the coordinate grid, while data is loaded from a CSV file using d3.csv. The entire SVG is assembled in React, with world atlas topology processed through the topojson library’s feature and mesh functions.

JJohn Huang

94% match

Loading thumbnail…

Missing migrants on map

This map visualizes the locations of missing migrants, with each circle sized proportionally to the total number of dead and missing individuals at that coordinate. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders from TopoJSON data loaded through the World Atlas. Circle radii are scaled using `d3.scaleSqrt`, and the React components fetch data from a CSV of migrant incident coordinates. The semi-transparent teal circles overlay the map, highlighting geographic clusters of migrant disappearances.

Ssurikmeetr

94% match

Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map of missing migrant incidents, with circle markers sized according to the total number of dead and missing individuals at each location. The map uses a natural Earth projection with graticules and country borders rendered as SVG paths, while circles are overlaid with square-root scaling for radius. Built with React and D3 v5, the example loads world atlas topology via the `topojson` library and pulls data from a CSV file. The `geoNaturalEarth1` projection and `geoPath` handle geographic mapping, while circles are positioned using the projection coordinates.

LLaura Johnson

94% match

Loading thumbnail…

Missing migrants on a map

This visualization plots missing migrant incidents on a natural Earth projection map using React and D3 v5. Semi-transparent circles, scaled by square root of the total dead and missing count, mark incident locations overlaid on land and graticule paths drawn with `d3.geoPath`. The dataset comes from a CSV of global migrant incidents in 2019, while country boundaries use TopoJSON from the world-atlas package.

AAndrea Picciau

94% match

Loading thumbnail…

Missing migrants

This visualization maps the global distribution of missing migrants, with circle size proportional to the total number of dead and missing individuals per location. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and country boundaries from TopoJSON data. Migrant incident coordinates are projected and drawn as semi-transparent circles scaled with `d3.scaleSqrt`. The data comes from a CSV of the Missing Migrants Project, processed through React hooks and rendered as SVG.

Ppatasky

94% match