Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Missing Migrants Multiple Views with Brushing React Performance Optimization

Public visualization

Viewing a saved revision (read-only)

7cf65a17f7ab4d7d9371c31b229f52fa

Missing Migrants Multiple Views with Brushing React Performance Optimization

0 stars0🌍 Public
MMichael Bergerson
Last edited Feb 11, 2021
Created on Feb 11, 2021

This visualization shows the geographic distribution and temporal trends of missing migrants worldwide, with a bubble map of incident locations and a linked date histogram for time-based filtering. Brushing the histogram filters the map’s circles in real time. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, `d3.scaleSqrt` for bubble sizing, and `d3.brushX` for interactive selection, with `useMemo` and `useEffect` optimizing performance. Data comes from the Missing Migrants Project CSV.

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.