Fork of Migrant Deaths Linked Views with Fast Brushing

100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public

Last edited Jan 30, 2021

Created on Jan 30, 2021

Forked from 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.

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

96% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

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.

Mmengdong

95% 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

95% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

A linked-view dashboard maps migrant deaths by location and time using a D3 world map with proportional circles and a brushed time-series histogram. The React app uses d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for filtering, and d3.bin for temporal aggregation. City coordinates and death counts come from the Missing Migrants Project dataset, while country boundaries use TopoJSON from world-atlas.

Kka40

95% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing (VizHub)

A linked-view visualization of migrant deaths, combining a world map with a brushing time-series histogram. The map uses a natural Earth projection (d3.geoNaturalEarth1) and d3.geoPath to render country boundaries and graticules, with circle sizes scaled by the square root of monthly death counts. The histogram aggregates data by month, and a d3.brushX selection filters the map’s circles in real time. React’s useMemo optimizes re-renders, while data is loaded via d3.csv and TopoJSON from the World Atlas and Missing Migrants datasets.

JJulianne Clare Sy

95% 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

95% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This is a linked-view visualization of migrant deaths and disappearances, showing a world map with circles scaled by the total dead and missing, alongside a time-brushed histogram. The map uses a natural Earth projection with graticules and country boundaries from the World Atlas TopoJSON. Data comes from the Missing Migrants Global 2019 subset, parsed via `d3.csv`. The histograms use `d3.scaleTime` and `d3.histogram` to bin monthly totals, while `d3.brushX` filters the map by date. React's `useMemo` and `useRef` optimize rendering performance.

RRoma

95% 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

95% match