Missing migrans on the World Map

100%

Missing migrans on the World Map

✓ Published2🌍 Public

Last edited Jan 17, 2022

Created on Jan 17, 2022

This visualization plots the locations of missing migrants on a world map, with circle size representing the total number of dead and missing individuals per incident. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and country interiors. Data points are positioned by projecting coordinates from the CSV dataset and scaled with `d3.scaleSqrt`. The visualization is built with React and D3 v7, rendering vector graphics as SVG elements.

AI-generated description

Smiley face implementation with React.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing migrants on a Map

This map visualization shows the global distribution of missing migrants, with the size of each circle representing the total number of dead and missing individuals at a given location. The visualization uses a natural Earth projection and overlays semi-transparent circles on a world map, alongside graticules and country borders for geographic context. Built with React and D3 v5, the code employs `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to render the map, while a square root scale (`d3.scaleSqrt`) maps the migrant counts to circle radii. Data comes from a CSV file of the Missing Migrants Project, with geographic coordinates parsed and projected onto the SVG canvas.

Bbsolomon103

94% match

Loading thumbnail…

Missing Migrants on a Map

This visualization shows the locations of missing migrants on a world map, using a natural Earth projection to render landmasses and graticules. Each migrant incident is drawn as a semi-transparent circle, with its radius scaled proportionally to the total number of dead and missing via a square-root scale. The map is built with d3.geoPath for geographic features and d3.geoGraticule for the coordinate grid, while data is loaded from a CSV file using d3.csv. The entire SVG is assembled in React, with world atlas topology processed through the topojson library’s feature and mesh functions.

JJohn Huang

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

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

93% match

Loading thumbnail…

Missing Migrants on a Map

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.

PPhronesis

93% match

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

93% match

Loading thumbnail…

Missing Migrants on Map

This map visualization plots the locations of missing migrants globally, with circle size corresponding to the total number of dead and missing individuals. The data is loaded from a CSV file and rendered over a world atlas using React and D3. The visualization uses D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to draw the map, while a square-root scale maps the death toll to circle radii on top of the geographic features.

Ffjvoris

93% match

Loading thumbnail…

Missing migrants

This visualization maps the global distribution of missing migrants, with circle size proportional to the total number of dead and missing individuals per location. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and country boundaries from TopoJSON data. Migrant incident coordinates are projected and drawn as semi-transparent circles scaled with `d3.scaleSqrt`. The data comes from a CSV of the Missing Migrants Project, processed through React hooks and rendered as SVG.

Ppatasky

93% match