Brushing-Combined Migrants on a Map

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 interactive visualization links a bubble map of migrant deaths with a brushing-enabled histogram. The map plots circles sized by total dead and missing using a square-root scale, while the histogram aggregates monthly totals. Users brush the time axis to filter the map to corresponding dates. The code uses React, D3 v5 APIs like `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `histogram`, with data from a CSV hosted on GitHub and world boundaries from TopoJSON.

XXiaoleiGuo

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.

MMila Frerichs

Migrant Deaths Linked Views with Brushing

This visualization presents migrant deaths on a world map using a bubble chart, with a linked time-series histogram below for brushing. It shows the geographic distribution of the “Total Dead and Missing” metric, sized with `d3.scaleSqrt`, while the histogram aggregates deaths by month. Users can brush the histogram to filter map bubbles. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` projection, `topojson` for land and interior boundaries, and `d3.brushX` for interactive selection. Data comes from the Missing Migrants Project.

MMinh Nguyen

brushing migrant data on a map

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. Users brush over the histogram to filter the map, which displays circles scaled by the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection with d3.geoPath, while the histogram leverages d3.bin and d3.brushX. Data comes from a CSV of Missing Migrants Global records, rendered with React and SVG.

BBlake McCarty

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a world bubble map with a time-series histogram to explore migrant deaths and disappearances. Users can brush a time range in the histogram to filter which incidents appear on the map, linking the two views. The map uses a natural Earth projection via `d3.geoPath`, with circle radii scaled by the square root of the death count. The histogram aggregates monthly totals using `d3.bin`, and brushing is implemented with `d3.brushX`. Data comes from the Missing Migrants Project CSV, rendered with React and SVG.

HHwl98

Migrant Deaths Linked Views with 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 number of dead and missing, using d3.geoNaturalEarth1 and d3.geoPath for geographic rendering. Users brush across the histogram’s time axis to filter the map, linked through React state. The histogram uses d3.bin, scaleTime, and brushX. Data comes from a CSV of Missing Migrants Global events, with country boundaries from World Atlas TopoJSON.

Nnkohdatavis

10:32 brushing

A choropleth-style bubble map of global migration incidents is linked to a brushed date histogram. The map displays circles sized by the total number of dead and missing people, with colors assigned per country. Brushing the histogram filters the map’s circles to show only data within the selected date range. The visualization uses React for state management, d3.scaleSqrt for sizing, d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for the histogram brush, and data from the Missing Migrants Project.

Uumgi