Migrant Deaths Linked Views with Brushing
This interactive visualization combines a bubble map and a brushing-linked date histogram to explore migrant deaths recorded in 2019. The map uses a natural Earth projection with `d3.geoPath` to render country boundaries and graticules, while circle size encodes the total dead and missing per location. The histogram aggregates deaths by month using `d3.bin` and `d3.timeMonths`. Users can brush over the time axis with `d3.brushX`, filtering the map’s circles to show only incidents within the selected date range. Data comes from a CSV of the Missing Migrants Project, rendered as SVG with React’s `useMemo` for performance.
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.