Missing Migrants on a Map

100%

Missing Migrants on a Map

✓ Published2🌍 Public

Last edited Nov 24, 2021

Created on Nov 24, 2021

This visualization displays global locations of missing migrants, with circle size encoding the number of dead or missing based on a square-root scale. A world map rendered with `d3.geoNaturalEarth1` and `d3.geoPath` shows country landmasses and graticules from World Atlas TopoJSON, while white semi-transparent circles mark each incident’s coordinates. The data comes from a CSV of migrant incidents, processed in React with D3’s `csv` and `scaleSqrt` functions.

AI-generated description

Using React, D3, and World Atlas' TopoJSON data to display the world.

Mouse over a country to have it's information displayed.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Missing Migrants on a Map

This map visualizes missing migrant incidents worldwide, with each circle positioned at the incident’s coordinates and sized by the total number of dead and missing. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, rendering landmasses, graticules, and interiors from the World Atlas TopoJSON. Circles scale with `scaleSqrt` based on the CSV data, while React manages state and rendering.

CCodeDuckie99

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

This interactive visualization maps recorded incidents of missing migrants worldwide, with each circle representing an event and its radius scaled by the total number of dead or missing individuals. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, the map renders country boundaries, graticules, and points from CSV data loaded with `d3.csv`. Circle sizes are determined by a square-root scale (`scaleSqrt`) applied to the death toll, and the React-based component structure uses `useWorldAtlas` to fetch TopoJSON land and interior boundaries.

TTatyana Milanova

95% match

Loading thumbnail…

Missing Migrants on a Map

This map visualizes the global distribution of missing migrants, with circle size proportional to the total number of dead and missing per location. Using D3’s `geoNaturalEarth1` projection with `geoPath`, the visualization renders landmasses and graticules, while `scaleSqrt` encodes data values into circle radii. Data comes from a CSV of Missing Migrants incidents, loaded via `d3.csv`, and the world atlas is fetched as TopoJSON and converted to GeoJSON using `topojson.feature`.

Jjbruzzo

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 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 visualization displays the global distribution of missing migrants, with circles sized by the total number of dead and missing individuals per location. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, it renders land masses, graticules, and country interiors as SVG paths. Circle radii are scaled with `d3.scaleSqrt` based on the data’s maximum value. The data is loaded asynchronously from a CSV using D3’s `csv` utility, while world map topology comes from a JSON file processed with TopoJSON’s `feature` and `mesh` functions. React hooks manage the loading state.

LLewis Ward

95% match