Skip to main content
SimilarExport ZIP
100%

Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
TTatyana Milanova
Last edited Oct 9, 2023
Created on Oct 9, 2023

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.

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

Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a natural Earth projection world map with a time-series histogram to explore migrant deaths in 2019. The map displays bubbles sized by the total dead and missing, while the histogram aggregates the same data by month. A brush on the histogram filters the map in real-time, highlighting events within the selected date range. Built with React and D3 v5, the code uses `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `scaleSqrt`, and `brushX` for the brushing interaction. Data comes from the Missing Migrants Project, and the map utilizes the World Atlas TopoJSON for country boundaries.

ZZG
96% match
Loading thumbnail…

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

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
96% 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
96% match