Missing Migrants on World Map

100%

Missing Migrants on World Map

✓ Published2🌍 Public

Last edited Mar 30, 2021

Created on Mar 30, 2021

This interactive map visualizes the geospatial distribution of missing and dead migrants worldwide, with circle size encoding the total number of casualties per incident. Built with React and D3 v6, it renders a natural Earth projection using `geoNaturalEarth1` and `geoPath`, overlaying graticules, landmasses, and country borders from the World Atlas TopoJSON dataset. Migrant incident data from a CSV file is projected onto the map, with point radii scaled by a square-root scale. The visualization uses SVG for crisp rendering and semi-transparent white circles to convey density.

AI-generated description

Render a World Map

Short How To Article https://dev.to/sriramvsharma/drawing-a-world-map-in-13-lines-of-code-368a

Adding Points to Map

Map represents Missing and Dead Migrants on Map

MIT Licensed

Similar vizzes

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 on a Map

This interactive SVG world map visualizes the Missing Migrants Dataset, where each circle represents a migration incident and its area encodes the total number of dead and missing persons. The visualization uses a Natural Earth projection via `geoNaturalEarth1` and `geoPath` from D3, with country boundaries and graticules drawn from World Atlas TopoJSON data. Point radii are determined by a square-root scale (`scaleSqrt`) mapping the maximum casualty count to 15 pixels. The implementation leverages `d3.csv` for data loading, `topojson.feature` and `mesh` for topology processing, and React with D3 for component rendering.

RRenato Hermoza Aragonés

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

95% match

Loading thumbnail…

Missing Migrants on World Map

This visualization displays missing migrant incidents on a world map as semi-transparent circles. The map uses a D3 geographic projection (geoNaturalEarth1) with SVG paths for land, graticules, and country interiors rendered through d3.geoPath. Circle radii encode the total dead and missing count via d3.scaleSqrt, and the data comes from the Missing Migrants Global dataset. The React-based component loads world topology from TopoJSON and plots each incident at its parsed coordinates from the CSV.

RRichardPearce60

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

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

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

94% match