Missing Migrants (Map)

100%

Missing Migrants (Map)

✓ Published2🌍 Public

Last edited Mar 10, 2023

Created on Mar 10, 2023

This map visualizes missing migrant incidents worldwide, with semi-transparent red circles scaled by the reported person count at each location. Using D3 v7 with React, it renders a Natural Earth projection via `geoNaturalEarth1` and `geoPath`, drawing landmasses, graticules, and country interiors from a TopoJSON world atlas. Circle radii are determined by a square-root scale (`scaleSqrt`) applied to the `person_count` field from a CSV dataset. The map is rendered entirely as SVG, layering proportional symbols over geographic features to highlight regional patterns in migrant deaths and disappearances.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

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 map

This map visualizes missing migrant incidents worldwide, with circles sized proportionally to the total number of dead and missing individuals using a d3.scaleSqrt scale. Each circle is positioned at its recorded coordinates via a geoNaturalEarth1 projection and drawn with geoPath for landmasses, graticules, and country interiors from the world-atlas TopoJSON dataset. The React-based visualization uses D3 v7 to load CSV data containing location coordinates and casualty counts, rendering semi-transparent teal circles over a muted geographic backdrop.

Ddaneslutzky

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

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

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

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

94% match

Loading thumbnail…

Missing Migrants on a map

This map uses a natural Earth projection to display global incidents of missing migrants as semi-transparent circles sized by the total dead and missing count. The visualization layers country boundaries, graticules, and a sphere outline using `d3.geoPath` and `geoNaturalEarth1`. Circle radii are scaled with `d3.scaleSqrt` based on the CSV’s “Total Dead and Missing” column. The React app loads world atlas TopoJSON via topojson’s `feature` and `mesh`, then renders all elements as SVG. The minimalist, muted color palette (blue-gray ocean, gray land, teal markers) prioritizes the spatial distribution of incidents.

JJohn Lewis

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

94% match