Missing Migrants on Map

100%

Missing Migrants on Map

✓ Published2🌍 Public

Last edited Mar 7, 2023

Created on Mar 7, 2023

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.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!

MIT Licensed

Similar vizzes

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 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 visualization displays the global distribution of missing migrants, with circle size representing the total number of dead and missing individuals at each location. The map uses the Natural Earth projection via `geoNaturalEarth1` and `geoPath` from D3, with SVG circles rendered as proportional symbols scaled by `scaleSqrt`. Data is loaded from a CSV using D3’s `csv` utility, while the world atlas is fetched as TopoJSON and converted to GeoJSON features and mesh lines for land and interior boundaries. React manages the component state and rendering, with D3 handling the geographic projections and scales.

SSai Phaltankar

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 visualization displays a world map with circles representing missing migrants, where circle size corresponds to the total number of dead and missing individuals. Using React to render SVG marks, the code employs the D3 library's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to draw the sphere, graticules, landmasses, and interiors. Data is loaded from a CSV file containing migrant incident coordinates. Circle radii are determined via a square-root scale mapping the “Total Dead and Missing” values.

Nnpelliccia

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

95% match

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

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

94% match