Missing Migrants on World Map

100%

Missing Migrants on World Map

✓ Published1🌍 Public

Last edited Mar 7, 2022

Created on Mar 3, 2022

A world map uses natural Earth projection and semi-transparent circles to visualize the geographic distribution of missing migrants, with circle size encoding the total number of dead and missing per location. A linked date histogram below the map uses d3.bin for monthly aggregation and a brushX brush to filter the displayed data by date range. The visualization is built with React, d3.v5, and topojson, rendering geoPath for land masses, graticules, and interior boundaries from World Atlas TopoJSON data.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map

A world map displays the global distribution of missing migrants, with semi-transparent circles sized by the total number of dead and missing per location. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and country borders from TopoJSON data. Circle radii are scaled with `d3.scaleSqrt` based on the dataset's "Total Dead and Missing" values. The React component structure relies on the `useWorldAtlas` and `useData` hooks to load and process the world atlas and CSV data.

LLove Wessman

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

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

93% match

Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map of the Missing Migrants Dataset, where each circle represents a reported event and its size encodes the total number of dead and missing individuals. The map uses a natural Earth projection through d3.geoNaturalEarth1 and d3.geoPath to render landmasses, country borders, and graticules. Data points from a CSV are plotted as semi-transparent circles, with radii scaled using d3.scaleSqrt. The React application loads TopoJSON from World Atlas and SVG is used for all rendering.

Jjwlam83

93% match

Loading thumbnail…

Missing Migrants on World Map

This interactive map visualizes the geospatial distribution of missing and dead migrants worldwide, with circle size encoding the total number of casualties per incident. Built with React and D3 v6, it renders a natural Earth projection using `geoNaturalEarth1` and `geoPath`, overlaying graticules, landmasses, and country borders from the World Atlas TopoJSON dataset. Migrant incident data from a CSV file is projected onto the map, with point radii scaled by a square-root scale. The visualization uses SVG for crisp rendering and semi-transparent white circles to convey density.

PPadoSensei

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

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

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