Missing Migrants on Map

100%

Missing Migrants on Map

✓ Published2🌍 Public

Last edited Jun 8, 2021

Created on Jun 8, 2021

A world map displays the locations of missing migrant incidents, with circle size scaled proportionally to the total dead and missing count at each coordinate. The visualization uses an equirectangular projection via `d3.geoEquirectangular` and `d3.geoPath`, overlaid with graticules and country boundaries from TopoJSON. Circle radii are determined by a square-root scale (`d3.scaleSqrt`) mapping the maximum casualty count to 15 pixels. The React-based SVG rendering loads CSV data containing geospatial coordinates and casualty figures, styling landmasses and interior borders for a polished, readable presentation.

AI-generated description

A world map showing locations of Missing Migrants, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

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

96% 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 a Map

A world map visualizes missing migrant incidents, with each semi-transparent circle representing a single event and sized proportionally to the total number of dead and missing. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and country boundaries from World Atlas TopoJSON. Circle radii are scaled using `d3.scaleSqrt`, and the data comes from the Missing Migrants Dataset CSV, processed with React hooks and rendered as SVG.

CChris Briggs

95% match

Loading thumbnail…

Missing Migrants on a Map

A world map displays missing migrant incidents as semi-transparent circles, sized by the total number of dead and missing people reported at each location. The map uses an equal Earth projection with graticules and country borders, rendered as SVG paths via `d3.geoPath` and topojson features. Circle radii are scaled with `d3.scaleSqrt` based on data from a CSV file, and the visualization is built with React, D3 v5, and the `useWorldAtlas` and `useData` hooks.

AAndre J Denais

95% match

Loading thumbnail…

Missing Migrants on a Map

A world map displays the locations of missing migrants, with each incident represented by a semi-transparent circle whose area encodes the total number of dead and missing. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, rendering landmasses, graticules, and country borders from World Atlas TopoJSON. Circle radii are scaled with `d3.scaleSqrt` based on the data’s maximum value from the Missing Migrants Project CSV. The example is built in React, using `useEffect` to load TopoJSON and CSV data through `d3.json` and `d3.csv`, with SVG output.

Ppnlinyz

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 per event. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and renders landmasses, graticules, and country borders using `d3.geoPath`. Circle radii are scaled with a square-root scale `d3.scaleSqrt` based on the dataset from the Missing Migrants Project, loaded as CSV. The React app fetches world atlas TopoJSON and the CSV data through custom hooks.

KKevin McMorrow

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

95% match

Loading thumbnail…

Missing Migrants on a Map

This visualization displays the locations and magnitudes of missing migrant incidents on a world map. Each circle represents an incident, with its radius scaled to the square root of the total number of dead and missing people, using a square-root scale for area proportionality. The map uses an equirectangular projection from d3.geoPath, with land polygons and graticules rendered as SVG paths, sourced from world-atlas TopoJSON data. Incident coordinates and fatality counts are parsed from a CSV dataset provided by a gist, and the visualization is built with React and d3.v5.

MMinh Luong

95% match