Missing Migrants on a World Map

100%

Missing Migrants on a World Map

✓ Published1🌍 Public

Last edited Oct 19, 2023

Created on Oct 18, 2023

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.

AI-generated description

A program that shows a world map using 50m topo json data.

Data: World Map 50m - TopoJson.

MIT Licensed

Similar vizzes

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

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

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

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

95% match

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

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

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 individuals. The visualization uses D3’s geographic projections (`geoNaturalEarth1`, `geoPath`, `geoGraticule`) combined with React and SVG rendering. Circle sizes are scaled with `scaleSqrt`, and the map includes land masses, interior borders, graticules, and a sphere background. Data comes from a CSV of Missing Migrants Global records, while world geography uses TopoJSON from the world-atlas package.

BBen Brophy

94% match