Skip to main content
SimilarExport ZIP
100%

Missing Migrants on a Map

✓ Published2🌍 Public
BBen Brophy
Last edited Jan 4, 2022
Created on Jan 4, 2022
Forked from Points 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.

AI-generated description

Working with time

MIT Licensed

Similar vizzes

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
98% 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
97% 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
97% 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
97% 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
97% match
Loading thumbnail…

Missing Migrants on a Map

A world map visualizes the locations and magnitudes of missing migrant incidents, with semi-transparent circles sized by the total number of dead and missing per coordinate. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` for land and graticule rendering, while a square-root scale maps incident counts to circle radii. React manages the component state, loading CSV data and world-atlas TopoJSON via hooks. The SVG rendering provides a clean overview of global migration-related fatalities.

Vvmonney
97% 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
96% match
Loading thumbnail…

Missing Migrants on a Map

A world map displays the global distribution of missing migrants, with semi-transparent circles sized proportionally to the total number of dead and missing individuals at each location. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render land masses, graticules, and country interiors from TopoJSON data. Circle radii are scaled using `d3.scaleSqrt` based on the dataset's maximum value. The React component hierarchy manages asynchronous data loading with custom hooks for both the world atlas and the CSV dataset.

MMichael Bruno
96% match