Skip to main content
100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
JJonathan Lee
Last edited Nov 5, 2021
Created on Nov 5, 2021

This visualization combines a world map and a time-series histogram to explore migrant deaths, supporting linked views with fast brushing. The map displays the geographic distribution of deaths as circles, sized by the total dead and missing, while brushing over the histogram filters the map’s data. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, and `brushX` for interactive filtering. Country boundaries come from World Atlas TopoJSON, while the migrant dataset is loaded from a CSV.

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…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a time-series histogram, enabling linked brushing to filter events by date. The map uses a natural Earth projection with scaled circles, while the histogram aggregates monthly death tolls. Built with React and D3 v5, it employs `d3.geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and reusable components. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ggzm17
98% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization links a world map with a time-series histogram to explore migrant deaths. The map displays circles scaled by the total number of dead and missing migrants, while the histogram shows the same data aggregated by month. Users can brush over the histogram to filter the map dynamically. Built with React and D3 v5, it uses `geoNaturalEarth1` projection and `brushX` for interaction. Data comes from the Missing Migrants Project, with country boundaries from the World Atlas TopoJSON.

Ccwlronald
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map of migrant deaths with a time-series histogram, linked through brushable selection. Users can brush a date range in the histogram to filter the map’s proportional circles, which represent monthly totals of dead and missing migrants. The map uses `geoNaturalEarth1` and `geoPath` from d3, while the histogram employs `scaleTime`, `brushX`, and `bin` for aggregation. City and country boundary data come from World Atlas TopoJSON and Simplemaps subsets, rendered as SVG within a React framework.

JJean David
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a linked time-series histogram. The map shows circles sized by the total dead and missing, while the histogram displays monthly totals. Users can brush over the histogram to filter the map’s circles to the selected date range. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `brushX` for interactive filtering. Data comes from the Missing Migrants Project, and the code leverages `useMemo` for performance optimization.

Llfting96
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a linked time-series histogram. The map shows circles sized by the total dead and missing, while the histogram displays monthly totals. Users can brush over the histogram to filter the map’s circles to the selected date range. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `brushX` for interactive filtering. Data comes from the Missing Migrants Project, and the code leverages `useMemo` for performance optimization.

Llfting96
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization links a world map and a time-series histogram to explore migrant deaths. The map uses a Natural Earth projection with circle sizes scaled by the square root of death counts, while the histogram aggregates total deaths by month. A brush on the histogram filters the map’s data. Built with React and D3 (v5), it uses `d3.geoPath`, `d3.scaleSqrt`, `d3.histogram`, and `d3.brushX`. Data comes from a CSV of Missing Migrants records.

EEniyah
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map with a linked time-series histogram to explore migrant deaths and missing persons. The map displays circles sized by the total dead and missing per location, while the histogram shows monthly totals, with a brushable selection filtering the map in real time. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for map rendering and `brushX` for interactive filtering. Data comes from the Missing Migrants Global dataset, with country boundaries from World Atlas TopoJSON.

PPiotr Paszek
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This example shows a linked-view visualization of migrant deaths, combining a world map with a time-series histogram. The map displays circles sized by the total number of dead and missing individuals, while the histogram below allows brushing over time to filter the map’s data. The project uses React with `useMemo` for performance, D3’s `geoNaturalEarth1` and `geoPath` for map rendering, and `brushX` for interactive filtering. Data comes from a CSV of global missing migrants, with country boundaries from World Atlas TopoJSON.

Xxclonikx
96% match