Skip to main content
SimilarExport ZIP
100%

Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
Aabhineetsingh10
Last edited Jul 16, 2022
Created on Jul 16, 2022

This example presents a linked view of migrant deaths worldwide. A bubble map displays the total dead and missing across geographic locations, while a date histogram beneath it shows the temporal distribution. Fast brushing on the histogram filters the map’s data points in real time, highlighting only incidents within the selected date range. The visualization is built with React and D3 v5, using `d3.geoNaturalEarth1` and `d3.geoPath` for the map projection and `d3.scaleSqrt` for bubble sizing, with data from the Missing Migrants Global dataset.

AI-generated description

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

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
96% match
Loading thumbnail…

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
96% match
Loading thumbnail…

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
95% match
Loading thumbnail…

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
94% match
Loading thumbnail…

Migrants Missing Worldwide Linked Views with Fast Brushing

This visualization displays migrant deaths and missing persons worldwide using a linked view of a bubble map and a date histogram. The map shows individual events as red circles sized by the total dead and missing count, while the histogram displays monthly totals over time. Users can brush on the histogram to filter the map's displayed events. The example uses React with D3 v5, employing `geoNaturalEarth1` projection for the map, `brushX` for interactive filtering, and reads data from a CSV of the Missing Migrants Dataset.

GGonzalo Montañés
94% match
Loading thumbnail…

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
94% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths worldwide. Users can brush a time range in the histogram to filter the map, with circle size representing the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection and d3.geoPath for country boundaries and graticules, while the histogram uses d3.bin and d3.brushX. Data comes from the Missing Migrants Project CSV, rendered as SVG in a React app with d3.v5.

MMustafa Alfar
94% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization displays migrant deaths worldwide, with a bubble map showing the total dead and missing per location alongside a linked time series histogram. Users brush the date histogram to filter the map’s circles, revealing how fatalities vary over time. Built with React and d3.v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for circle sizing, and `d3.brushX` to coordinate the linked views. Data comes from a CSV of migrant death records with country boundaries from World Atlas TopoJSON.

XXiaoleiGuo
94% match