Migrant Deaths Linked Views with Brushing
This example links a bubble map of migrant deaths with a brushed time-series histogram. Users can brush a date range in the histogram to filter the circles shown on the world map. The map renders SVG circles with `d3.geoNaturalEarth1` and `d3.geoPath` for country boundaries, while the histogram uses `d3.bin`, `d3.brushX`, and `d3.scaleTime` to aggregate monthly totals. Data comes from the Missing Migrants Project CSV, with interactions managed in React.
AI-generated descriptionThe 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.