Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Migrant Deaths Linked Views with Brushing

Public visualization

Viewing a saved revision (read-only)

17cca71b37fd4c288ac2fd3e48a849b5

Migrant Deaths Linked Views with Brushing

0 stars0🌍 Public
SSam
Last edited Apr 26, 2020
Created on Apr 26, 2020

This interactive visualization combines a world map of migrant deaths with a linked time-series histogram. Users brush over the date histogram to filter the map’s bubble marks, which encode the total dead and missing per location. The map uses `d3.geoNaturalEarth1` with `d3.geoPath` for land, graticules, and interiors, while the histogram uses `d3.brushX` and `d3.bin`. React hooks like `useMemo` manage scales and filtered data, with data sourced from a CSV of missing migrants.

AI-generated description

The final installment from the online course Datavis 2020.

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.