9:48 missing migrants on a map

100%

9:48 missing migrants on a map

✓ Published1🌍 Public

Last edited Mar 3, 2021

Created on Mar 3, 2021

This visualization maps missing migrant incidents worldwide, using red circles sized by the total number of dead and missing per location. Countries appear in randomly assigned hues, with graticules and interior borders rendered via d3.geoPath and geoNaturalEarth1 projection. The React app loads CSV data and world-atlas TopoJSON, computing a square-root scale for circle radii. SVG circles are positioned by projecting each incident’s coordinates, while CSS opacity and fill styling distinguish the overlays from the base map.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map

This visualization maps missing migrant incidents worldwide, with circles sized by the total number of dead and missing individuals at each location. The map uses a natural Earth projection with graticules, country boundaries, and a light color scheme. The React app loads CSV data and world-atlas TopoJSON, then renders SVG marks via `d3.geoPath` and a square-root scale for circle radii. The underlying data is drawn from the Missing Migrant Project dataset.

Tthomasjungcoe

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

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

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

92% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global locations of missing migrants, with semitransparent circles sized proportionally to the total number of dead and missing at each coordinate. The map uses a natural Earth projection rendered with d3.geoPath, combining world landmasses, graticules, and country borders from the world-atlas TopoJSON dataset. The CSV data is loaded and parsed with d3.csv, while d3.scaleSqrt maps the migrant counts to circle radii. The React component structure uses useState and useEffect hooks to fetch and display the data as SVG circles.

KKazushige Okuma

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

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

92% match