Fork of Migrant Deaths Linked Views with Fast Brushing

100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public

Last edited Aug 2, 2023

Created on Aug 2, 2023

Forked from Migrant Deaths Linked Views with Fast Brushing

This visualization tracks migrant deaths and disappearances through linked views: a world map with sized bubbles and a time-series histogram. Data comes from the Missing Migrants Project, filtered by brushing the histogram. The code uses D3 v5 for geo projection (`geoNaturalEarth1`, `geoPath`), scales, histogram binning with `timeMonths`, and `brushX`, all rendered as SVG within a React framework. Brushing updates the map’s circles to reflect the selected date range.

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 presents migrant deaths worldwide using a bubble map and a linked date histogram. It shows the geographic distribution of fatalities with circle size representing the total dead and missing, while a time-based bar chart allows brushing to filter the map. The code uses React with `useMemo` for performance, and it employs d3 functions like `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `scaleSqrt`, `scaleTime`, `histogram`, and `brushX`. Data comes from the Missing Migrants Project, rendered in SVG with a custom color scheme for map elements.

Llfting96

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

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

96% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

Llfting96

96% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization displays migrant deaths and disappearances worldwide, combining a bubble map with a brushing-linked time series histogram. The map projects incident locations using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle areas scaled by death counts. A brushable date histogram built with `d3.brushX` and `d3.bin` filters the map’s bubbles in real time. React hooks like `useMemo` optimize rendering performance, while data comes from the Missing Migrants Project CSV and world boundaries from World Atlas TopoJSON.

CCheng Tang

96% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization displays migrant deaths and missing persons globally, with a bubble map showing total dead and missing per location and a linked date histogram below. Brushing a time range in the histogram filters the map bubbles to show only incidents within that period. The visualization uses React with D3 v5 for computing projections via `geoNaturalEarth1`, rendering map features with `geoPath`, and brushing with `brushX`. Data comes from the Missing Migrants Global dataset, with country boundaries from the World Atlas TopoJSON.

EEjenavi16

96% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization presents migrant deaths and disappearances worldwide, linking a bubble map to a brushing-enabled date histogram. The map projects each incident's coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle sizes scaled to the death toll. The histogram aggregates monthly totals, and brushing a time range filters the map in real-time. Built with React and D3 v5, it renders vector graphics via SVG, sourcing data from the Missing Migrants Global dataset and world atlas TopoJSON.

Hhimchan94

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