Skip to main content
SimilarExport ZIP
100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
KKamal Bahadur Rana
Last edited May 15, 2023
Created on May 15, 2023

This interactive visualization links a world map of migrant deaths with a brushable time-series histogram, enabling filtering by date range. The map uses d3.geoNaturalEarth1 projection, d3.geoPath, and TopoJSON world atlas data, with bubble sizes scaled by total dead and missing via d3.scaleSqrt. The histogram aggregates monthly totals using d3.bin and d3.sum, while React’s useMemo and a d3.brushX selection provide fast linked brushing. Data comes from a CSV of Missing Migrants Global records.

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 bubble map of migrant deaths with a linked time-series histogram. Brushing on the histogram filters the map’s circles to show deaths within the selected date range. The map uses a d3.geoNaturalEarth1 projection via d3.geoPath, while the histogram uses d3.brushX, d3.bin, and scaleTime. React’s useMemo optimizes rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

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

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization links a world map of migrant deaths with a monthly histogram, using fast brushing to filter the map by date range. The bubble map renders circles scaled by total dead and missing using a square-root scale, while the date histogram employs d3.brushX for selection. Built with React and d3.geoPath, it displays natural Earth land, graticules, and graticule interiors. Data comes from the Missing Migrants Global 2019 subset, sourced from Simplemaps and World Atlas TopoJSON.

RRoland
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map and a time-series histogram to explore migrant deaths. The map displays circles sized by the number of dead and missing migrants, while the histogram shows monthly totals. Users can brush over the histogram to filter the map’s circles dynamically. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for geographic rendering, while the histogram employs `d3.brushX` and `d3.bin` for aggregation. React’s `useMemo` optimizes rendering performance. Data comes from the Missing Migrants Project CSV.

Bbigstonecompany
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a bubble map and a time-series histogram to explore migrant deaths worldwide. The map displays the total dead and missing per location with circle size scaled by magnitude, while the histogram shows monthly totals that can be brushed to filter the map dynamically. Built with React and D3 v5, the visualization uses `d3.geoNaturalEarth1` for projections, `d3.brushX` for linked brushing, and `d3.bin` to aggregate data into monthly bins. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

NNick Constantine
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing origin

This interactive visualization links a world map of migrant deaths with a time-series histogram, enabling users to brush over time to filter the map by date range. The map uses a natural Earth projection with proportional circle sizes based on total dead and missing, while the histogram aggregates monthly totals. Built with React and D3 v5, it employs `geoNaturalEarth1`, `geoPath`, `brushX`, and `scaleSqrt` for rendering and interaction. Data comes from the Missing Migrants Project CSV and World Atlas TopoJSON.

AAbdullah Al Munem
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map and time-series histogram to explore migrant deaths and disappearances. The map displays circles sized by total dead and missing using a square-root scale, while the histogram shows monthly totals. Brushing the histogram filters the map’s circles in real time via React state and d3.brushX. The map uses d3.geoNaturalEarth1, d3.geoPath, and graticules from the World Atlas TopoJSON, with data from the Missing Migrants Project. React’s useMemo optimizes rendering of both static geographic features and dynamic data updates.

Hhenry c
97% match