Skip to main content
SimilarExport ZIP
100%

D3 course - Missing Migrant Data

✓ Published0🌍 Public
JJames Rhodes
Last edited Apr 9, 2022
Created on Apr 9, 2022

This interactive visualization maps recorded migrant deaths and disappearances worldwide, with each city’s circle radius scaled by the square root of its reported total dead and missing. The map renders landmasses in gray on a dark globe, with graticules and country boundaries drawn via `d3.geoPath` and `d3.geoGraticule`. It projects the data using `d3.geoNaturalEarth1`, overlays circles via React SVG, and loads city records from a CSV, with sizes determined by `d3.scaleSqrt`. Missing migrant data comes from a public subset, while country shapes use the World Atlas TopoJSON.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

D3 Course - Missing Migrants, Multiple Views

This interactive visualization combines a natural Earth projection world map with a time-series histogram to explore the Missing Migrants Dataset. The map displays each migrant event as a semi-transparent circle scaled by total dead and missing using `d3.scaleSqrt`, while the histogram aggregates monthly deaths using `d3.histogram` and `d3.sum`. A brush on the histogram, implemented with `d3.brushX`, filters the map’s displayed events based on the selected date range, linking the two views. The code uses `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, with country boundaries from World Atlas TopoJSON.

JJames Rhodes
91% match
Loading thumbnail…

Missing Migrants on a Map

This interactive visualization maps recorded incidents of missing migrants worldwide, with each circle representing an event and its radius scaled by the total number of dead or missing individuals. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, the map renders country boundaries, graticules, and points from CSV data loaded with `d3.csv`. Circle sizes are determined by a square-root scale (`scaleSqrt`) applied to the death toll, and the React-based component structure uses `useWorldAtlas` to fetch TopoJSON land and interior boundaries.

TTatyana Milanova
90% 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
90% match
Loading thumbnail…

Analyzing Missing Migrants Part III - Data on a Map

This map shows the global distribution of missing migrants, with semi-transparent circles scaled by the total number of dead and missing individuals. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, it renders land masses, graticules, and country borders from the TopoJSON World Atlas. Migrant data from the Missing Migrants Project is plotted as SVG circles, with radii determined by a `d3.scaleSqrt` mapping fatalities to a maximum radius of 15 pixels. The visualization is built with React, D3 v6, and `d3.csv` for asynchronous data loading.

WWolfgang
90% match
Loading thumbnail…

Missing Migrant Part III

This visualization maps the Missing Migrant Project dataset, showing the total number of dead and missing migrants at each recorded location with circles sized by a square-root scale. It uses a natural Earth projection and geoPath to render world landmasses, graticules, and country interiors. The React app loads the CSV via d3.csv and the world atlas via d3.json, then renders SVG circles with opacity to reveal spatial clustering of migrant incidents.

Aadewole-top
90% match
Loading thumbnail…

Missing Migrants

This visualization maps the global distribution of migrant deaths and disappearances using a natural Earth projection rendered with SVG. Each incident appears as a golden circle, with its radius scaled by the square root of the reported total dead and missing, overlaid on a dark world map with graticules and country borders. The example combines React for component state and rendering, D3’s `geoNaturalEarth1` and `geoPath` for geographic projections, and `topojson` for world atlas topology. Data comes from a CSV of Missing Migrants Project records, loaded via D3’s `csv` parser.

AAnthony Zornig
90% 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
90% 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
90% match