Skip to main content
SimilarExport ZIP
100%

Missing Migrants on a Map - Episode 40

✓ Published1🌍 Public
Rroc286
Last edited Mar 15, 2022
Created on Mar 15, 2022

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.

AI-generated description

Sized points on a Map with React & D3 World Cities

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map

This visualization maps reported incidents of missing migrants worldwide, with circles sized by the total number of dead and missing at each location. The map uses a natural Earth projection rendered with SVG via `d3.geoPath`, with country boundaries and graticules drawn from TopoJSON data. Circle radii are scaled using `d3.scaleSqrt` based on the maximum reported casualties. The dataset comes from the Missing Migrants Project, and the visualization is built with React and D3 v5.

Ccshm407
94% match
Loading thumbnail…

Missing Migrants on a Map

This visualization maps missing migrant incidents worldwide, with circles sized by the total number of dead and missing individuals at each location. The map uses a natural Earth projection with graticules, country boundaries, and a light color scheme. The React app loads CSV data and world-atlas TopoJSON, then renders SVG marks via `d3.geoPath` and a square-root scale for circle radii. The underlying data is drawn from the Missing Migrant Project dataset.

Tthomasjungcoe
94% 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
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
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
93% 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
93% match
Loading thumbnail…

Missing migrants on a Map

This visualization maps the global distribution of missing migrants, with each semi-transparent circle scaled proportionally to the reported number of dead and missing individuals per incident. The map uses a natural Earth projection rendered via `d3.geoNaturalEarth1` and `d3.geoPath`, with landmasses, graticules, and country interiors drawn from TopoJSON data. Circle radii are determined by a `d3.scaleSqrt` function applied to the 'Total Dead and Missing' field from a subset of the Missing Migrants dataset. React manages the asynchronous loading of both the world atlas and CSV data, while SVG renders all visual elements.

MMatias Conde
93% 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
93% match