Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Migrant Deaths Linked Views with Brushing

Public visualization

Migrant Deaths Linked Views with Brushing

0 stars1🌍 Public
Ssafdarawan
Last edited Jun 13, 2020
Created on Jun 13, 2020

This visualization combines a world map and a timeline to explore migrant deaths, with brushing linking the two views. The map displays circles sized by the total dead and missing per location using a square-root scale, while the histogram aggregates deaths by month. A brush on the histogram filters the map to show only data within the selected date range. The code uses React, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `scaleTime`, `bin`, `brushX`, and TopoJSON for world atlas boundaries.

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.

Comments

Sign in to join the discussion.

MIT Licensed