Missing Migrants On A Map

100%

Missing Migrants On A Map

✓ Published2🌍 Public

Last edited Feb 27, 2022

Created on Feb 27, 2022

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

AI-generated description

Sized Points On A Map with Simple Maps Database using [a clean csv of world cities data] (https://gist.github.com/curran/13d30e855d48cdd6f22acdf0afe27286)

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map

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.

PPeter Krevenets

95% match

Loading thumbnail…

Missing Migrants Map

The Missing Migrants Map visualizes the global distribution of migrant deaths and disappearances by rendering proportional circles on a natural Earth projection. Each circle’s radius encodes the total number of dead or missing individuals at that location. The map is built with React and D3, using `geoNaturalEarth1`, `geoPath`, `geoGraticule`, and `scaleSqrt` to size the hotspots. In SVG output, the landmasses are drawn from the world-atlas TopoJSON data via the `topojson` feature and mesh APIs. Data comes from the Missing Migrants Project’s CSV file spanning 2014–2022.

Rrstrauss127

94% match

Loading thumbnail…

Missing Migrants on a Map

This example visualizes the locations and magnitudes of missing migrant incidents on a world map, with circle size encoding the total number of dead and missing individuals. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, it renders landmasses, country borders, and graticules in SVG. Circles are positioned by projecting coordinate pairs and scaled with `d3.scaleSqrt`. The data is loaded from a CSV via `d3.csv`, while the world atlas comes from a TopoJSON file parsed with `topojson.feature` and `topojson.mesh`.

Aazharahmad0

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

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

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

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