Skip to main content
SimilarExport ZIP
100%

Missing Migrants on a map

✓ Published2🌍 Public
JJosh Zalcman
Last edited Mar 17, 2022
Created on Mar 17, 2022
Forked from Points on a map

This visualization maps missing migrants globally using an equal Earth projection, with red circles sized by the number of dead and missing individuals at each recorded location. The map displays landmasses, graticules, and country borders, while semi-transparent circles overlaid on the geographic coordinates reveal spatial patterns in migrant fatalities. Built with React and D3 v7, the example uses `d3.geoEqualEarth`, `d3.geoPath`, `d3.geoGraticule`, and `d3.scaleSqrt` for sizing, rendering all elements as SVG paths and circles. Data comes from a CSV of the Missing Migrants Project, loaded via `d3.csv`.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

missing migrants on map

This visualization maps missing migrant incidents worldwide using an equal Earth projection. Each circle represents a location with its radius scaled to the reported number of dead and missing individuals, rendered via SVG. The map includes country boundaries, graticule lines, and a colored sphere background. The code uses d3.geoEqualEarth, d3.geoPath, d3.geoGraticule, and d3.scaleSqrt, with React managing the component state. Data comes from the Missing Migrants Project CSV, while world country shapes are loaded from TopoJSON.

MMATTE-blz
95% match
Loading thumbnail…

Missing migrants on a Map

This map visualization shows the global distribution of missing migrants, with the size of each circle representing the total number of dead and missing individuals at a given location. The visualization uses a natural Earth projection and overlays semi-transparent circles on a world map, alongside graticules and country borders for geographic context. Built with React and D3 v5, the code employs `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to render the map, while a square root scale (`d3.scaleSqrt`) maps the migrant counts to circle radii. Data comes from a CSV file of the Missing Migrants Project, with geographic coordinates parsed and projected onto the SVG canvas.

Bbsolomon103
95% match
Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map with circles representing missing migrants, where circle size corresponds to the total number of dead and missing individuals. Using React to render SVG marks, the code employs the D3 library's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to draw the sphere, graticules, landmasses, and interiors. Data is loaded from a CSV file containing migrant incident coordinates. Circle radii are determined via a square-root scale mapping the “Total Dead and Missing” values.

Nnpelliccia
94% match
Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, with circle size encoding the total dead and missing per location. The map uses a natural Earth projection rendered via `d3.geoPath`, with land, graticules, and country interiors drawn in SVG. React manages the component state, while D3 scales (`scaleSqrt`) determine circle radii. Data comes from the Missing Migrants Global 2019 subset CSV, loaded with `d3.csv`.

PPedro Henrique Vanali
94% match
Loading thumbnail…

Missing Migrants on a Map

This map visualizes the locations of missing migrant incidents across the globe, using circle size to represent the total number of dead and missing. Built with React and d3, it renders an SVG using d3.geoPath to draw land and graticule from a world atlas, with circles positioned via d3.geoNaturalEarth1 projection. Data comes from a CSV of the Missing Migrants Project, with circle radii scaled using d3.scaleSqrt.

SSerind Joshua McCue
93% match
Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global locations of missing migrants, with semitransparent circles sized proportionally to the total number of dead and missing at each coordinate. The map uses a natural Earth projection rendered with d3.geoPath, combining world landmasses, graticules, and country borders from the world-atlas TopoJSON dataset. The CSV data is loaded and parsed with d3.csv, while d3.scaleSqrt maps the migrant counts to circle radii. The React component structure uses useState and useEffect hooks to fetch and display the data as SVG circles.

KKazushige Okuma
93% match
Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, with circle size encoding the total number of dead and missing per reported location. The map uses a natural Earth projection via `geoNaturalEarth1` and renders geographic features with `d3.geoPath`, including land masses, graticules, and interiors. The React app loads CSV data from a GitHub gist using D3’s `csv` parser, while world topology comes from the world-atlas package. The size scale uses `scaleSqrt` to map values to circle radii, and SVG circles are positioned using the projection’s coordinate output.

NNikita Toropov
93% match
Loading thumbnail…

Missing Migrants on a Map

A world map displays the locations of missing migrants, with semi-transparent circles sized by the total number of dead and missing per incident. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and country boundaries from World Atlas TopoJSON. Circle radii are scaled using `d3.scaleSqrt` based on the maximum death toll, and React manages the SVG rendering. Data comes from the Missing Migrants Global 2019 CSV, loaded with `d3.csv`.

TTsaiJie
93% match