Migrant Deaths Linked Views with Fast Brushing

Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world bubble map and a time-series histogram to explore migrant deaths, with linked views enabling fast brushing. The map plots circles scaled by death counts per location using a natural Earth projection via `d3.geoPath`, while the histogram aggregates monthly totals using `d3.histogram` and a brush from `d3.brushX` filters the map in real time. React’s `useMemo` optimizes rendering, and data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

MMatthew Brammall

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 with a time-series histogram to explore migrant deaths reported between 2014 and 2019. The map displays circles sized by the total dead and missing, while the histogram sums the same metric by month. Brushing on the histogram filters the map’s circles to show only data within the selected date range. The visualization uses React for state management and rendering, alongside D3 APIs such as `geoNaturalEarth1` for projection, `geoPath` for map geometry, `scaleSqrt` for circle sizing, `bin` for histogram creation, and `brushX` for the interactive linking between views. Data comes from the Missing Migrants Project.

AAbdul Salam Almadani

Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and missing persons. Brushing on the histogram filters the map’s circles in real time, showing incidents within the selected date range. The map uses a natural Earth projection via d3.geoNaturalEarth1, while the histogram bins monthly totals with d3.histogram and handles brushing through d3.brushX. React’s useMemo optimizes rendering, and data comes from the Missing Migrants Project CSV, loaded with d3.csv.

CCurran Kelleher

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 interactive visualization combines a bubble map and a date histogram to explore migrant deaths worldwide. The map displays circles sized by the total dead and missing count, while the histogram shows the same data binned by reported date. Users brush along the histogram’s time axis to filter the map’s circles in real time, using a `brushX` interaction that updates React state. Built with React and D3 v5, it uses `geoNaturalEarth1` projection, `geoPath`, and `scaleSqrt` for sizing, with data from the Missing Migrants Project.

TTatyana Milanova

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a world map of migrant deaths with a linked time-series histogram. Users brush over the date histogram to filter the map’s bubble marks, which encode the total dead and missing per location. The map uses `d3.geoNaturalEarth1` with `d3.geoPath` for land, graticules, and interiors, while the histogram uses `d3.brushX` and `d3.bin`. React hooks like `useMemo` manage scales and filtered data, with data sourced from a CSV of missing migrants.

SSam

Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a linked brushable time-series histogram. The map uses a Natural Earth projection with circles sized by the total number of dead or missing migrants, while the histogram aggregates monthly totals. Brushing the histogram filters the map in real time via React state. The code employs d3.geoNaturalEarth1, d3.geoPath, d3.scaleSqrt, d3.brushX, and d3.bin, with data from the Missing Migrants Project and country boundaries from World Atlas TopoJSON, all rendered as SVG.

Nnadia-el