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

1 star2🌍 Public
XXiaoleiGuo
Last edited May 29, 2021
Created on Aug 23, 2020

This example presents a linked-view visualization of migrant deaths using a world map and a time-series histogram. A bubble map shows the geographic distribution of fatalities, while a brushed date histogram filters the map to show data within a selected time range. The visualization uses React with `useMemo` for performance optimization, D3 v5 for map projection (`geoNaturalEarth1`), geographic paths (`geoPath`), and scales (`scaleSqrt`, `scaleTime`), as well as `brushX` for interactive brushing. Data is loaded from a CSV dataset, and country boundaries come from World Atlas TopoJSON.

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