Missing Migrants on Map

100%

Missing Migrants on Map

✓ Published2🌍 Public

Last edited Dec 28, 2020

Created on Dec 28, 2020

This visualization displays the global distribution of missing migrants, with each circle representing a location where deaths or disappearances have been recorded. Circle size encodes the total number of dead and missing individuals at that site. The map uses a natural Earth projection rendered as SVG via `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and country landmasses from a TopoJSON world atlas. Circle radii are scaled using `d3.scaleSqrt` based on the maximum reported count. Data comes from a CSV of Missing Migrants Project records.

AI-generated description

A program that render Topojson earth map using uses React.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map

This map shows the global distribution of missing migrants, with each circle sized according to the reported total number of dead and missing individuals. The visualization uses a natural Earth projection to render land masses, graticules, and country interiors as SVG paths. Circle radii are scaled using `d3.scaleSqrt` based on data loaded from a CSV file, while geographic features are processed from a TopoJSON source using `topojson.feature` and `topojson.mesh`.

KKtuzinowski

96% 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 map visualization displays the global distribution of missing migrants, with circles sized by the total number of dead and missing individuals per location. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, it renders land masses, graticules, and country interiors as SVG paths. Circle radii are scaled with `d3.scaleSqrt` based on the data’s maximum value. The data is loaded asynchronously from a CSV using D3’s `csv` utility, while world map topology comes from a JSON file processed with TopoJSON’s `feature` and `mesh` functions. React hooks manage the loading state.

LLewis Ward

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

94% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps reported incidents of missing migrants worldwide, with circles sized by the total number of dead and missing at each location. The map uses a natural Earth projection rendered with SVG via `d3.geoPath`, with country boundaries and graticules drawn from TopoJSON data. Circle radii are scaled using `d3.scaleSqrt` based on the maximum reported casualties. The dataset comes from the Missing Migrants Project, and the visualization is built with React and D3 v5.

Ccshm407

94% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, with each circle’s size representing the total number of dead and missing individuals at that location. The map uses a natural Earth projection with graticules, landmasses, and country borders rendered via `d3.geoNaturalEarth1` and `d3.geoPath`. Data is loaded from a CSV using `d3.csv` and scaled with `d3.scaleSqrt`. React components manage the SVG rendering, while a world atlas TopoJSON provides geographic boundaries. Circle opacity is set to 0.3, and hover interactions are not implemented.

Ppranav-vis

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

94% match

Loading thumbnail…

Missing Migrants on a Map

This visualization displays the locations of missing migrants on a world map, with circle size proportional to the reported number of dead and missing individuals. The map uses a Natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, with landmasses, graticules, and country borders rendered from TopoJSON data. Circles are positioned using the projection and scaled with d3.scaleSqrt. React manages the component state, while data is loaded from a CSV of Missing Migrants Global records using d3.csv.

SShanmukh

94% match