Missing Migrants on a Map

100%

Missing Migrants on a Map

✓ Published2🌍 Public

Last edited Mar 29, 2021

Created on Mar 28, 2021

This visualization displays global migrant deaths and disappearances as circles on a natural Earth projection map. Dot size encodes the total dead and missing per incident location, overlaid on graticules and landmasses from a TopoJSON world atlas. React manages the component tree, while D3’s `geoPath`, `geoNaturalEarth1`, and `geoGraticule` handle projection and rendering. A CSV dataset supplies coordinates and casualty figures, with mark radius scaled by `d3.scaleSqrt` for proportional visual encoding.

AI-generated description

A map of the world with cities, whose population is larger than 50,000 people (https://gist.githubusercontent.com/curran/13d30e855d48cdd6f22acdf0afe27286/raw/worldcities_clean.csv). City mark size correlates to population.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants On A Map

This example visualizes the global scale of migrant deaths and disappearances using a natural Earth projection. Sized circles, colored in a translucent blue, are positioned at the recorded coordinates of each incident, with the circle’s area encoding the total number of dead and missing individuals. The map is rendered as an SVG using `d3.geoPath` for landmasses and graticules, which are displayed atop a light gray sphere. Data is loaded from a CSV file containing global figures, and the circle sizes are scaled using `d3.scaleSqrt`, all within a React application that fetches the world atlas topology via `topojson`.

JJoe Hutchins

95% match

Loading thumbnail…

Missing Migrants

This visualization maps the global distribution of migrant deaths and disappearances using a natural Earth projection rendered with SVG. Each incident appears as a golden circle, with its radius scaled by the square root of the reported total dead and missing, overlaid on a dark world map with graticules and country borders. The example combines React for component state and rendering, D3’s `geoNaturalEarth1` and `geoPath` for geographic projections, and `topojson` for world atlas topology. Data comes from a CSV of Missing Migrants Project records, loaded via D3’s `csv` parser.

AAnthony Zornig

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

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

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

A world map rendered with D3's geoNaturalEarth1 projection places semi-transparent circles at locations of documented migrant deaths and disappearances. Circle size encodes the total dead and missing count from the Missing Migrants Global 2019 dataset. The visualization uses React components, with d3.geoPath for landmasses, graticules, and interiors from TopoJSON, and d3.scaleSqrt to map the aggregated values.

RRajat Dangat

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

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

93% match