Migrant Deaths Linked Views with Fast Brushing

Migrant Deaths Linked Views with Brushing

A world map displays migrant deaths by city, with circle size proportional to the total dead and missing. A date histogram below shows the temporal distribution of these deaths, and users can brush over a time range to filter the map to only show cities with deaths in that period. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for circle sizing, and `d3.brushX` for interactive selection. Data comes from a CSV of migrant deaths, and country boundaries are rendered from the World Atlas TopoJSON.

Kkemee

Migrant Deaths Linked Views with Brushing

A world map plots migrant deaths by location, with circle size proportional to the number of dead and missing. A time-series histogram below shows the deaths aggregated by month, and brushing a time range filters the map to only show incidents within that period. Built with React, the visualization uses d3.geoNaturalEarth1 and d3.geoPath for map projections, d3.scaleSqrt for bubble sizing, and d3.brushX for interactive temporal selection. Data comes from the Missing Migrants Project CSV, with country boundaries from the World Atlas TopoJSON.

ZZarak

Migrant Deaths Linked Views with Brushing

ZZarak

Migrant Deaths Linked Views with Fast Brushing

An interactive world map displays migrant deaths by location with bubble size proportional to total dead and missing. A linked time-series histogram below allows brushing to filter the map to a date range. The visualization uses React with D3 v5, including `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubbles, and `brushX` for the brushing interaction. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Mmorjyooo

Migrant Deaths Linked Views with Brushing

This visualization links a world map of migrant deaths with a time-series histogram, using brushing to filter data across both views. The map displays circles sized by the total dead and missing, while the histogram shows monthly totals, with brush selection updating the map's highlighted points. Built with React and D3 v5, it uses d3.geoNaturalEarth1 and d3.geoPath for the map, d3.scaleSqrt for circle sizing, and d3.brushX for interactive filtering. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

NNikhil

Migrant Deaths Linked Views with Fast Brushing

This visualization presents migrant deaths across a world map, using a bubble map where circle size encodes the total dead and missing, and a linked time-series histogram of the same data. Users can brush the date histogram to filter the map to show only incidents within that time range. The implementation uses React with `useMemo` and `useEffect`, D3 v5 modules like `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `scaleSqrt`, `scaleTime`, and `brushX`, rendering to SVG. Data comes from a CSV of Missing Migrants Global records.

AAbdul Salam Almadani

Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a brushed time-series histogram to explore the data through linked views. The map displays circles sized by the total dead and missing, while the histogram shows monthly totals; brushing a time range filters the map’s circles dynamically. The implementation uses React with `useMemo` for performance, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin` histogram, and renders to SVG. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

ZZhiheng Zhang

Migrant Deaths Linked Views with Fast Brushing

This example shows global migrant deaths using a natural Earth projection world map, where circles sized by the square root of total dead and missing are placed at recorded coordinates. A linked time-series histogram below displays monthly death totals, and brushing a date range on the histogram filters the map’s circles in real time. The visualization uses React with hooks like `useMemo` for efficient re-renders, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `histogram`, and renders as SVG. Data comes from the Missing Migrants Global subset, with country boundaries from World Atlas TopoJSON.

CChris Briggs