missing migrants on map

100%

missing migrants on map

✓ Published0🌍 Public

Last edited Apr 22, 2021

Created on Apr 22, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants 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`.

JJosh Zalcman

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

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

93% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps missing migrant incidents worldwide, with circles sized by the total number of dead and missing individuals at each location. The map uses a natural Earth projection with graticules, country boundaries, and a light color scheme. The React app loads CSV data and world-atlas TopoJSON, then renders SVG marks via `d3.geoPath` and a square-root scale for circle radii. The underlying data is drawn from the Missing Migrant Project dataset.

Tthomasjungcoe

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

93% match

Loading thumbnail…

Missing Migrants on a Map

This visualization shows the global distribution of missing migrants, with circles sized by the total number of dead and missing individuals at each recorded location. The map uses a natural Earth projection rendered as SVG paths via d3.geoPath, with graticules and country borders from TopoJSON world-atlas data. Migrant locations are loaded from a CSV file, projected through d3.geoNaturalEarth1, and plotted as semi-transparent circles scaled by d3.scaleSqrt. React manages the component state and rendering, while d3's max function determines the domain for the size scale.

Iiblub

93% match

Loading thumbnail…

Missing Migrants on Map

A world map displays the locations of missing migrant incidents, with circle size scaled proportionally to the total dead and missing count at each coordinate. The visualization uses an equirectangular projection via `d3.geoEquirectangular` and `d3.geoPath`, overlaid with graticules and country boundaries from TopoJSON. Circle radii are determined by a square-root scale (`d3.scaleSqrt`) mapping the maximum casualty count to 15 pixels. The React-based SVG rendering loads CSV data containing geospatial coordinates and casualty figures, styling landmasses and interior borders for a polished, readable presentation.

Ssmile2git

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

93% match