Missing migrants on a map

100%

Missing migrants on a map

✓ Published2🌍 Public

Last edited Nov 5, 2021

Created on Nov 5, 2021

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.

AI-generated description

Plotting the migrants dataset on a map

MIT Licensed

Similar vizzes

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

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

95% match

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 rendered with SVG via `d3.geoPath` and `d3.geoNaturalEarth1`. Circle marks, sized with `d3.scaleSqrt` based on the total dead and missing count, are positioned at incident coordinates, with graticules and land boundaries from the World Atlas TopoJSON. The React app loads CSV data from the Missing Migrants Project and displays tooltips via SVG `<title>` elements on each circle.

MMohammed Banani | MbDev

94% match

Loading thumbnail…

missing migrants on a map

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.

Sseanowh

94% match

Loading thumbnail…

Missing migrants on a map

This visualization maps the locations of missing migrants worldwide, using circles to represent the total number of dead and missing individuals at each coordinate. The map is rendered using a natural Earth projection with D3’s `geoNaturalEarth1` and `geoPath`, while circle radii are scaled by a square-root scale (`scaleSqrt`) applied to the `Total Dead and Missing` field. The underlying data comes from a CSV dataset of global migrant incidents, and the world atlas is loaded via TopoJSON. React manages state and rendering, with SVG elements for the graticule, land, and point marks.

MmohitPassan

94% match

Loading thumbnail…

Missing migrants on a Map

This visualization maps the global distribution of missing migrants, with each semi-transparent circle scaled proportionally to the reported number of dead and missing individuals per incident. The map uses a natural Earth projection rendered via `d3.geoNaturalEarth1` and `d3.geoPath`, with landmasses, graticules, and country interiors drawn from TopoJSON data. Circle radii are determined by a `d3.scaleSqrt` function applied to the 'Total Dead and Missing' field from a subset of the Missing Migrants dataset. React manages the asynchronous loading of both the world atlas and CSV data, while SVG renders all visual elements.

MMatias Conde

94% match

Loading thumbnail…

Missing Migrants on a Map

This map visualizes missing migrant incidents worldwide, with each circle positioned at the incident’s coordinates and sized by the total number of dead and missing. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, rendering landmasses, graticules, and interiors from the World Atlas TopoJSON. Circles scale with `scaleSqrt` based on the CSV data, while React manages state and rendering.

CCodeDuckie99

94% match