Skip to main content
SimilarExport ZIP
100%

Migrant Deaths Linked Views with Brushing

✓ Published0🌍 Public
MMustafa Alfar
Last edited Feb 18, 2020
Created on Feb 18, 2020

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.

AI-generated description

The final installment from the online course Datavis 2020.

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

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

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a bubble map and a brushing-linked date histogram to explore migrant deaths recorded in 2019. The map uses a natural Earth projection with `d3.geoPath` to render country boundaries and graticules, while circle size encodes the total dead and missing per location. The histogram aggregates deaths by month using `d3.bin` and `d3.timeMonths`. Users can brush over the time axis with `d3.brushX`, filtering the map’s circles to show only incidents within the selected date range. Data comes from a CSV of the Missing Migrants Project, rendered as SVG with React’s `useMemo` for performance.

NNikhil
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. Users can brush over the histogram to filter the map, which updates circles sized by the total dead and missing. The map uses a natural Earth projection via `d3.geoPath`, while the histogram employs `d3.brushX` and `d3.bin` for time binning. Data comes from a COVID-19 CSV dataset, rendered in SVG with React and D3 v5.

SSarahKiyani
97% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization combines a bubble map and a linked time-series histogram to explore migrant deaths worldwide. Users brush the histogram to filter which incidents appear on the map, with the map rendering circles sized by the total dead and missing count for each location. The histogram aggregates data into monthly bins using `d3.bin` and `timeMonths`, while the map uses `geoNaturalEarth1` and `geoPath` to draw country boundaries and graticules. Data comes from a CSV of Missing Migrants incidents, with geographic coordinates projected onto the SVG via React components.

Rramkalahasthy
97% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization combines a bubble map and a linked time-series histogram to explore migrant deaths worldwide. Users brush the histogram to filter which incidents appear on the map, with the map rendering circles sized by the total dead and missing count for each location. The histogram aggregates data into monthly bins using `d3.bin` and `timeMonths`, while the map uses `geoNaturalEarth1` and `geoPath` to draw country boundaries and graticules. Data comes from a CSV of Missing Migrants incidents, with geographic coordinates projected onto the SVG via React components.

Rramkalahasthy
97% 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 Brushing

This interactive visualization shows migrant deaths and missing persons over time and location on a world map. A histogram at the bottom displays the total dead and missing by month, with a brushable time range that dynamically filters the bubbles on the map above. Built with React, it uses D3’s `geoNaturalEarth1` projection, `scaleSqrt` for bubble sizing, and `brushX` for range selection. Data comes from the Missing Migrants Global dataset; country boundaries use the world-atlas TopoJSON.

AAbubakr Khabebulloev
96% match