Fork of Migrant Deaths Linked Views with Fast Brushing

100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public

Last edited Mar 23, 2021

Created on Mar 23, 2021

Forked from Migrant Deaths Linked Views with Fast Brushing

This visualization combines a bubble map and a time-series histogram to explore migrant deaths worldwide. A brushed selection on the histogram filters the map’s circles, which scale by the total dead and missing per location. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` for the map projection, `d3.scaleSqrt` for bubble sizes, `d3.brushX` for interactive filtering, and `d3.bin` to aggregate monthly totals. Data comes from the Missing Migrants Project, 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 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

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 time-series histogram, filtering the map’s bubbles by brushing over dates. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizes, and `brushX` to select date ranges. The scatterplot-like map marks cities with circles whose radii reflect total dead and missing, while the histogram bars aggregate monthly totals. Data comes from the Missing Migrants Project subset, with country boundaries from World Atlas TopoJSON, and rendering uses SVG with `useMemo` for performance.

Mmuwu16

95% 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 circles sized by the total dead and missing, while brushing the histogram filters the map’s circles in real-time. It uses React with `useMemo` for efficient rendering, D3 v5 for scales, `geoNaturalEarth1` projection, and `brushX` for linked selections. Data comes from a CSV of global migrant incidents, with country boundaries from World Atlas TopoJSON.

NNick-Brice

95% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

NNick-Brice

95% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization links a bubble map and a date histogram to explore migrant deaths, filtering the map to show only incidents within the brushed time range. The map uses a natural Earth projection with SVG circles sized by death counts, while the histogram aggregates monthly totals. Built with React and D3 v5, it uses `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.brushX`, and `scaleSqrt`. Data comes from the Missing Migrants Global dataset, with the brush interaction triggering fast, reactive updates to the map.

Bbbarchu

95% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world bubble map and a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection with circles sized by the total dead and missing per location, while the histogram aggregates monthly totals. A brush on the histogram filters the map’s circles dynamically, linking the two views. Built with React and D3 v5, it uses `geoNaturalEarth1`, `scaleSqrt`, `brushX`, and `useMemo` for efficient rendering. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

MMilana

94% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization displays migrant deaths and missing persons on a world map, with bubble size proportional to the total dead and missing per location. A linked date histogram below allows brushing to filter the map by time period. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for map rendering, `scaleSqrt` for bubble sizing, and `brushX` for interactive filtering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

RRoberto

94% match

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

94% match