Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Migrant Deaths Linked Views with Fast Brushing

Public visualization

Migrant Deaths Linked Views with Fast Brushing

0 stars0🌍 Public
CChris Briggs
Last edited Nov 18, 2021
Created on Nov 18, 2021

This example shows global migrant deaths using a natural Earth projection world map, where circles sized by the square root of total dead and missing are placed at recorded coordinates. A linked time-series histogram below displays monthly death totals, and brushing a date range on the histogram filters the map’s circles in real time. The visualization uses React with hooks like `useMemo` for efficient re-renders, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `histogram`, and renders as SVG. Data comes from the Missing Migrants Global subset, with country boundaries from 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.

This iteration is optimized for performance using React's useMemo hook.

Comments

Sign in to join the discussion.

MIT Licensed