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 star1🌍 Public
NNodirbek Parpibaev
Last edited Jun 7, 2020
Created on Jun 7, 2020

This example shows two linked views of migrant death data: a natural Earth projection world map with semi-transparent circles scaled by total deaths and missing persons, and a date histogram of monthly totals. Brushing a time range in the histogram filters the circles on the map, revealing temporal patterns. The map uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` with TopoJSON world atlas boundaries. The histogram uses `d3.bin`, `d3.scaleTime`, and `d3.brushX` within a React component, rendering SVG marks for both views.

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