Fork of Migrant Deaths Linked Views with Fast Brushing

100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public

Last edited Mar 17, 2023

Created on Mar 16, 2023

Forked from Migrant Deaths Linked Views with Fast Brushing

This interactive dashboard combines a bubble map and a time-series histogram to explore migrant deaths and disappearances worldwide. The map displays circles scaled by the total dead and missing for each incident, while the histogram shows monthly totals. Users can brush over the histogram to filter the map in real time, highlighting the temporal distribution of the data. Built with React and D3 v5, the visualization uses `geoMercator` for the map projection, `brushX` for the interactive selection, and `scaleSqrt` for sizing bubbles, pulling data from the Missing Migrants Project.

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 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 links a bubble map and a date histogram to explore migrant deaths and missing persons. The map displays circles sized by the total dead and missing using a square-root scale, while the histogram aggregates monthly totals. Brushing on the histogram filters the map’s displayed data in real time. The visualization uses React with D3 v5, including `geoNaturalEarth1` and `geoPath` for map projection, `brushX` for selection, and pre-processed CSV data from the Missing Migrants Project.

MMunisbek-design

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

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 interactive visualization links a world map and a time-series histogram to explore migrant deaths. A bubble map uses a square-root scale to plot the total number of dead and missing people per location, while a brushing tool on the date histogram filters the map's displayed circles in real time. Built with React and D3 v5, it employs `geoNaturalEarth1` and `geoPath` for the map, `brushX` for selection, and `scaleSqrt` for bubble sizing. Data comes from a CSV of Missing Migrants records, with country boundaries from World Atlas TopoJSON.

HHaowenWeiJohn

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

95% match