Missing Migrants on a Map

100%

Missing Migrants on a Map

✓ Published1🌍 Public

Last edited May 3, 2021

Created on May 3, 2021

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.

AI-generated description

A world map of the Missing Migrants Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map

A world map displays the locations of missing migrant incidents, with semi-transparent circles sized by the total number of dead and missing per event. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and renders landmasses, graticules, and country borders using `d3.geoPath`. Circle radii are scaled with a square-root scale `d3.scaleSqrt` based on the dataset from the Missing Migrants Project, loaded as CSV. The React app fetches world atlas TopoJSON and the CSV data through custom hooks.

KKevin McMorrow

96% match

Loading thumbnail…

Missing Migrants on a map

This map uses a natural Earth projection to display global incidents of missing migrants as semi-transparent circles sized by the total dead and missing count. The visualization layers country boundaries, graticules, and a sphere outline using `d3.geoPath` and `geoNaturalEarth1`. Circle radii are scaled with `d3.scaleSqrt` based on the CSV’s “Total Dead and Missing” column. The React app loads world atlas TopoJSON via topojson’s `feature` and `mesh`, then renders all elements as SVG. The minimalist, muted color palette (blue-gray ocean, gray land, teal markers) prioritizes the spatial distribution of incidents.

JJohn Lewis

96% match

Loading thumbnail…

Missing Migrants on a Map

A world map displays the locations of missing migrants, with each incident represented by a semi-transparent circle whose area encodes the total number of dead and missing. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, rendering landmasses, graticules, and country borders from World Atlas TopoJSON. Circle radii are scaled with `d3.scaleSqrt` based on the data’s maximum value from the Missing Migrants Project CSV. The example is built in React, using `useEffect` to load TopoJSON and CSV data through `d3.json` and `d3.csv`, with SVG output.

Ppnlinyz

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

96% match

Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map of the Missing Migrants Dataset, where each circle represents a reported event and its size encodes the total number of dead and missing individuals. The map uses a natural Earth projection through d3.geoNaturalEarth1 and d3.geoPath to render landmasses, country borders, and graticules. Data points from a CSV are plotted as semi-transparent circles, with radii scaled using d3.scaleSqrt. The React application loads TopoJSON from World Atlas and SVG is used for all rendering.

Jjwlam83

96% match

Loading thumbnail…

Missing Migrants Map

This map visualizes missing migrant incidents worldwide using a natural Earth projection. Circles sized proportionally to the total dead and missing per incident are placed at their recorded coordinates. The visualization uses React with d3.geoPath and d3.geoNaturalEarth1 for the map, d3.scaleSqrt for circle sizing, and renders as SVG. World atlas data comes from TopoJSON, while incident data is loaded via d3.csv from a public CSV.

Sstevensmithj

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

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

96% match