Migrant Deaths Linked Views with Brushing

Migrant Deaths Linked Views with Brushing

This example uses linked views to explore migrant deaths. A world map displays circles scaled by the total dead and missing, sized with a square root scale. A time-series histogram below shows monthly death counts, with a brushing tool to select a date range. Brushing filters the map to show only data within that period. The visualization is built with React and D3, using `d3.geoPath` for the map, `d3.scaleTime`, `d3.histogram`, and `d3.brushX` for brushing. Data comes from the Missing Migrants Project, and the map uses Natural Earth land outlines and graticules.

XXiaoleiGuo

Migrant Deaths Linked Views with Brushing

Linked views with brushing show migrant deaths on a world map and a time-series histogram of monthly totals. Brushing a time range on the histogram filters the map’s bubble markers to show deaths within that period. The map uses d3.geoNaturalEarth1 and d3.geoPath for country boundaries and graticules, while circle size encodes death counts via d3.scaleSqrt. The histogram uses d3.bin, d3.brushX, and React’s useMemo for performance. Data comes from the Missing Migrants Project subset CSV.

SSophia Murage

Migrant Deaths Linked Views with Brushing

This visualization presents migrant deaths and missing persons with two linked views: a world map with scaled circles for total deaths and a brushing-enabled time histogram. Users brush over the monthly histogram to filter the map’s circles to show only incidents within that date range. The map uses `geoNaturalEarth1` projection with `geoPath` and `geoGraticule`, while the histogram aggregates data with `d3.histogram` and `brushX`. Circle radii are set with `scaleSqrt`, and React’s `useMemo` optimizes rendering. Data comes from a CSV of reported incidents.

SSarahKiyani

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 Brushing

This visualization combines a world map and a timeline to explore migrant deaths, with brushing linking the two views. The map displays circles sized by the total dead and missing per location using a square-root scale, while the histogram aggregates deaths by month. A brush on the histogram filters the map to show only data within the selected date range. The code uses React, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `scaleTime`, `bin`, `brushX`, and TopoJSON for world atlas boundaries.

Ssafdarawan

Migrant Deaths Linked Views with Brushing

The visualization depicts migrant deaths and missing persons through a world map of proportional circles, paired with a time-series histogram of monthly totals. Brushing a date range in the histogram filters the map circles to show only incidents within that period, using linked views. The map uses `d3.geoPath` with a Natural Earth projection for landmasses and graticules, while the histogram employs `d3.scaleTime`, `d3.brushX`, and `d3.bin`. Data comes from the Missing Migrants Project, with React’s `useMemo` optimizing performance.

PPabloEscargot

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

Migrant Deaths Linked Views with Brushing

This interactive visualization uses a world map and a time-series histogram to explore migrant deaths. A linked brushing interface in the date histogram filters the bubble map, which uses `d3.geoNaturalEarth1` and `d3.geoPath` to render circle sizes proportional to deaths. The histogram bins data by month using `d3.histogram` and `brushX`. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON. React's `useMemo` optimizes rendering of the SVG marks.

Nnkohdatavis