Missing Migrants on a Map

100%

Missing Migrants on a Map

✓ Published2🌍 Public

Last edited Sep 30, 2021

Created on Sep 30, 2021

This visualization shows the global distribution of missing migrants, with circles sized by the total number of dead and missing individuals at each recorded location. The map uses a natural Earth projection rendered as SVG paths via d3.geoPath, with graticules and country borders from TopoJSON world-atlas data. Migrant locations are loaded from a CSV file, projected through d3.geoNaturalEarth1, and plotted as semi-transparent circles scaled by d3.scaleSqrt. React manages the component state and rendering, while d3's max function determines the domain for the size scale.

AI-generated description

Line Chart

MIT Licensed

Similar vizzes

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

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

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

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

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

96% match

Loading thumbnail…

Missing Migrants on Map

A world map displays the locations of missing migrant incidents, with circles sized by the number of dead and missing using a square root scale. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for map rendering, with country boundaries and graticules from TopoJSON. React components manage state and rendering, while d3.csv loads the migrant dataset. Point positions derive from latitude and longitude coordinates, and circle opacity is fixed at 0.3 for visual clarity.

Ddumbdataguy@gmail.com

96% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants from 2014 to 2021, using a natural Earth projection rendered with `d3.geoNaturalEarth1` and `d3.geoPath`. Each circle represents a recorded incident, with its radius scaled proportionally to the total number of dead or missing via a square-root scale. The map overlays land polygons and country borders from the world-atlas TopoJSON dataset onto graticule lines. React manages the component hierarchy, while D3 loads the CSV data and handles geographic projections, all rendered as SVG elements with semi-transparent teal circles.

JJun Suzuki

96% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, with circle size encoding the total dead and missing per location. The map uses a natural Earth projection rendered via `d3.geoPath`, with land, graticules, and country interiors drawn in SVG. React manages the component state, while D3 scales (`scaleSqrt`) determine circle radii. Data comes from the Missing Migrants Global 2019 subset CSV, loaded with `d3.csv`.

PPedro Henrique Vanali

96% match