Ep. 40 - Missing Migrants on a Map

100%

Ep. 40 - Missing Migrants on a Map

✓ Published1🌍 Public

Last edited Jan 4, 2021

Created on Jan 4, 2021

This visualization displays the global distribution of missing migrants, with circles sized according to the square-root-scaled count of total dead and missing individuals. A world map serves as the backdrop, rendered using D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to draw landmasses and graticules. The interactive React application loads geographic data via `topojson` and migrant data from a CSV file (Data Canvas Sense Your City Dataset), plotting each incident as a semi-transparent circle positioned by its location coordinates.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

40) Missing Migrants on a Map

This example visualizes missing migrants worldwide, with proportional circles indicating the total dead and missing at each incident location. The map uses an equirectangular projection rendered with d3.geoNaturalEarth1 and d3.geoPath, layered with graticules, land masses, and country interiors. React manages the component lifecycle, while d3.scaleSqrt maps the migrant counts to circle radii. Data comes from a CSV of missing migrant incidents, and world geography is loaded from the world-atlas TopoJSON dataset.

Llefat92

93% match

Loading thumbnail…

Missing Migrants on a Map - Episode 40

This visualization maps missing migrants worldwide, with semi-transparent circles representing the total number of dead and missing at each location. The map uses a natural Earth projection rendered as SVG paths via `d3.geoPath`, with graticules, landmasses, and country borders drawn from TopoJSON data. Circle sizes are scaled using a square-root scale based on recorded migrant fatality counts. The visualization is built with React, D3 v5, and data from a subset of the Missing Migrants Global dataset.

Rroc286

93% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, using semi-transparent circles to represent the total number of dead and missing individuals at each recorded location. The geographic context is provided by a natural Earth projection rendered with D3’s `geoNaturalEarth1` and `geoPath`, overlaid with graticules and country boundaries from World Atlas TopoJSON. Circle radii are scaled with a square-root scale based on the data’s maximum value. The React app fetches data from a CSV and JSON from external sources, leveraging `scaleSqrt` and `useWorldAtlas` hooks to load and process both datasets.

Jj-PGi

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

92% match

Loading thumbnail…

Missing migrants on a map

This visualization maps the locations of missing migrants worldwide, using circles to represent the total number of dead and missing individuals at each coordinate. The map is rendered using a natural Earth projection with D3’s `geoNaturalEarth1` and `geoPath`, while circle radii are scaled by a square-root scale (`scaleSqrt`) applied to the `Total Dead and Missing` field. The underlying data comes from a CSV dataset of global migrant incidents, and the world atlas is loaded via TopoJSON. React manages state and rendering, with SVG elements for the graticule, land, and point marks.

MmohitPassan

92% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the Missing Migrants Dataset, showing each migrant event as a circle on a world map. Circle size encodes the total number of dead and missing per event using a square-root scale. The map is rendered with SVG using D3’s `geoNaturalEarth1` projection and `geoPath`, with graticules and country boundaries from World Atlas TopoJSON. The React-based interface loads data via `useData` and `useWorldAtlas` hooks, styling circles with low opacity to reveal overlapping incidents.

SStefan Du Plessis

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

92% match

Loading thumbnail…

Missing migrants

This visualization maps the global distribution of missing migrants, with circle size proportional to the total number of dead and missing individuals per location. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and country boundaries from TopoJSON data. Migrant incident coordinates are projected and drawn as semi-transparent circles scaled with `d3.scaleSqrt`. The data comes from a CSV of the Missing Migrants Project, processed through React hooks and rendered as SVG.

Ppatasky

92% match