Migrant Deaths Linked Views with Brushing

100%

Migrant Deaths Linked Views with Brushing

✓ Published1🌍 Public

Last edited Jun 10, 2020

Created on Jun 10, 2020

Forked from Migrant Deaths Linked Views with Brushing

This interactive visualization shows migrant deaths and missing persons over time and location on a world map. A histogram at the bottom displays the total dead and missing by month, with a brushable time range that dynamically filters the bubbles on the map above. Built with React, it uses D3’s `geoNaturalEarth1` projection, `scaleSqrt` for bubble sizing, and `brushX` for range selection. Data comes from the Missing Migrants Global dataset; country boundaries use the world-atlas TopoJSON.

AI-generated description

The final installment from the online course Datavis 2020.

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…

Migrant Deaths Linked Views with Brushing

A world map plots migrant deaths by location, with circle size proportional to the number of dead and missing. A time-series histogram below shows the deaths aggregated by month, and brushing a time range filters the map to only show incidents within that period. Built with React, the visualization uses d3.geoNaturalEarth1 and d3.geoPath for map projections, d3.scaleSqrt for bubble sizing, and d3.brushX for interactive temporal selection. Data comes from the Missing Migrants Project CSV, with country boundaries from the World Atlas TopoJSON.

ZZarak

97% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

ZZarak

97% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths worldwide. The map displays circles sized by the total number of dead and missing, using d3.geoNaturalEarth1 and d3.geoPath for geographic rendering. Users brush across the histogram’s time axis to filter the map, linked through React state. The histogram uses d3.bin, scaleTime, and brushX. Data comes from a CSV of Missing Migrants Global events, with country boundaries from World Atlas TopoJSON.

Nnkohdatavis

97% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization presents migrant deaths on a world map using a bubble chart, with a linked time-series histogram below for brushing. It shows the geographic distribution of the “Total Dead and Missing” metric, sized with `d3.scaleSqrt`, while the histogram aggregates deaths by month. Users can brush the histogram to filter map bubbles. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` projection, `topojson` for land and interior boundaries, and `d3.brushX` for interactive selection. Data comes from the Missing Migrants Project.

MMinh Nguyen

96% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths worldwide. Users can brush a time range in the histogram to filter the map, with circle size representing the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection and d3.geoPath for country boundaries and graticules, while the histogram uses d3.bin and d3.brushX. Data comes from the Missing Migrants Project CSV, rendered as SVG in a React app with d3.v5.

MMustafa Alfar

96% match

Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

An interactive world map displays migrant deaths by location with bubble size proportional to total dead and missing. A linked time-series histogram below allows brushing to filter the map to a date range. The visualization uses React with D3 v5, including `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubbles, and `brushX` for the brushing interaction. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Mmorjyooo

96% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization links a world map of migrant deaths with a time-series histogram, using brushing to filter data across both views. The map displays circles sized by the total dead and missing, while the histogram shows monthly totals, with brush selection updating the map's highlighted points. Built with React and D3 v5, it uses d3.geoNaturalEarth1 and d3.geoPath for the map, d3.scaleSqrt for circle sizing, and d3.brushX for interactive filtering. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

NNikhil

96% match

Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a natural Earth projection world map with a time-series histogram to explore migrant deaths in 2019. The map displays bubbles sized by the total dead and missing, while the histogram aggregates the same data by month. A brush on the histogram filters the map in real-time, highlighting events within the selected date range. Built with React and D3 v5, the code uses `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `scaleSqrt`, and `brushX` for the brushing interaction. Data comes from the Missing Migrants Project, and the map utilizes the World Atlas TopoJSON for country boundaries.

ZZG

96% match