Skip to main content
SimilarExport ZIP
100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
Mmengdong
Last edited Jul 16, 2021
Created on Jul 16, 2021

This visualization links a world map of migrant deaths to a time-series histogram, enabling fast brushing to filter the map by date range. The map uses a Natural Earth projection with graticules, while the histogram aggregates monthly totals using D3's binning and scaleTime. React's useMemo optimizes rendering, and brushX interactions update the filtered data. The map plots circles scaled by the square root of deaths, with data sourced from a CSV of migrant incidents.

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

Fork of Migrant Deaths Linked Views with Fast Brushing

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.

KKamal Bahadur Rana
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

A linked-view visualization plots migrant deaths on a world map using d3.geoNaturalEarth1 and d3.geoPath, with circle radii scaled by d3.scaleSqrt. A brushed date histogram using d3.brushX filters the map's circles. The histogram bins monthly totals with d3.histogram and scales. React's useMemo optimizes rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

YYedrup
95% 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. It plots the number of dead and missing per reported date, with circles on the map sized by total deaths. Users brush the histogram’s time axis to filter the map’s data points. The map uses the natural Earth projection from `d3` and `d3.geoPath`, while the histogram uses `d3.scaleLinear`, `d3.scaleTime`, and `d3.histogram` for binning. React’s `useMemo` optimizes rendering, and the data is loaded via `d3.csv`.

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

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive dashboard links a world map of migrant deaths with a time-series histogram, supporting brushing to filter the map by date range. The map uses a natural Earth projection with graticules, while the histogram aggregates monthly death totals. Built with React and D3 v5, it leverages `useMemo` for performance, `geoNaturalEarth1` and `geoPath` for geographic rendering, and `brushX` for interactive selection. Data comes from the Missing Migrants Project, visualized as scaled circles.

JJchenC361
95% match