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 stars0🌍 Public
XXiaoleiGuo
Last edited May 29, 2021
Created on Aug 18, 2020

This interactive visualization combines a world map and a time-series histogram to explore migrant deaths. The map displays proportional circles for each incident, with the histogram below showing the temporal distribution of casualties. Users can brush over a time range in the histogram to filter the map, highlighting only incidents within that period. Built with React and D3, it uses `d3.geoPath` for geographic projections, `d3.scaleSqrt` for circle sizing, and linked views through shared state.

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