Missing migrants on a map

100%

Missing migrants on a map

✓ Published2🌍 Public

Last edited Mar 24, 2023

Created on Mar 24, 2023

This example visualizes the locations of missing migrants on a world map, with circle size encoding the total number of dead and missing per incident. Built with React and D3.v5, it renders a natural Earth projection using `geoNaturalEarth1` and `geoPath`, while `geoGraticule` draws graticule lines. Migration data is loaded from a CSV using `d3.csv` and the world atlas topology from `world-atlas` via `d3.json`, with `topojson` features generating land and interior boundaries. Circle radii are scaled using `d3.scaleSqrt` based on the maximum casualty count.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!

MIT Licensed

Similar vizzes

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

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

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 map

This map visualizes the locations of missing migrants, with each circle sized proportionally to the total number of dead and missing individuals at that coordinate. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders from TopoJSON data loaded through the World Atlas. Circle radii are scaled using `d3.scaleSqrt`, and the React components fetch data from a CSV of migrant incident coordinates. The semi-transparent teal circles overlay the map, highlighting geographic clusters of migrant disappearances.

Ssurikmeetr

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

This example visualizes the locations and magnitudes of missing migrant incidents on a world map, with circle size encoding the total number of dead and missing individuals. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, it renders landmasses, country borders, and graticules in SVG. Circles are positioned by projecting coordinate pairs and scaled with `d3.scaleSqrt`. The data is loaded from a CSV via `d3.csv`, while the world atlas comes from a TopoJSON file parsed with `topojson.feature` and `topojson.mesh`.

Aazharahmad0

95% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, with circle size encoding the total number of dead and missing per reported location. The map uses a natural Earth projection via `geoNaturalEarth1` and renders geographic features with `d3.geoPath`, including land masses, graticules, and interiors. The React app loads CSV data from a GitHub gist using D3’s `csv` parser, while world topology comes from the world-atlas package. The size scale uses `scaleSqrt` to map values to circle radii, and SVG circles are positioned using the projection’s coordinate output.

NNikita Toropov

95% match

Loading thumbnail…

Missing Migrants on a map

This map visualizes the global locations of missing migrants, with circles sized proportionally to the total number of dead and missing individuals at each coordinate. Built with React and D3 v5, it uses a geographic natural Earth projection via `geoNaturalEarth1` and `geoPath` to render landmasses, graticules, and interiors from TopoJSON world-atlas data. Circle radii are scaled using `scaleSqrt` based on the dataset’s values, with data loaded from a CSV via `csv`. The SVG output is styled with custom CSS for land, sphere, and city elements.

Ccynichole

95% match