Brushing Up on Missing Migrants

100%

Brushing Up on Missing Migrants

✓ Published0🌍 Public

Last edited Apr 19, 2023

Created on Apr 19, 2023

This interactive visualization combines a world map and a date histogram to explore global migrant deaths and disappearances. The map uses a Natural Earth projection with graticules and sized circles to depict the total number of dead and missing migrants by location. A linked brushing interface on the time-series histogram filters the map’s displayed points, updating in real time. Built with React and D3 v5, the visualization leverages `d3.geoPath`, `d3.scaleSqrt`, and `d3.brushX` to synchronize the views, drawing from the Missing Migrants Global Figures dataset.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants: Part 5 - Brushing

This interactive visualization combines a world map with a time-series histogram to explore global migrant deaths and disappearances. The map displays circles scaled by the total number of dead and missing, using a natural Earth projection with `geoPath` and `geoNaturalEarth1`. A brushable histogram below, implemented with `brushX` and `scaleTime`, allows the user to filter the map by date range. The data comes from the Missing Migrants dataset, with React hooks managing state and D3 v5 handling rendering.

Zzeeeeem

93% match

Loading thumbnail…

Brush Missing Migrants

This interactive visualization shows global migrant deaths and disappearances, combining a world map with a time-series histogram. Users can brush over the histogram to filter the map, dynamically revealing incidents within a selected date range. The project uses React for state management, D3 v5 for map projections (`geoNaturalEarth1`), the `topojson` library for world atlas data, and D3's `brushX` for the brushing interaction. The rendered map and histogram are built with SVG elements, and the world atlas is sourced from the `world-atlas` package.

Ssophievanderhorst

93% match

Loading thumbnail…

Missing Migrants - Brushing

This interactive visualization combines a world map and a time-series histogram to explore data on missing migrants. Brushing on the histogram filters the map’s bubble marks, which are sized by the total dead and missing using a square-root scale. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules from TopoJSON, while the histogram employs `d3.bin`, `d3.brushX`, and scales for time and linear values. React manages state and rendering, with D3 v5 handling data loading and axes.

SSai Phaltankar

93% match

Loading thumbnail…

Analyzing Missing Migrants with Brushing

This interactive visualization analyzes missing migrant incidents through two linked views: a world map and a time-series histogram. The map displays each incident as a circle, with its radius scaled to the number of dead or missing, while the histogram shows monthly totals. Brushing over the histogram filters the map, updating the displayed circles in real time. Built with React and D3 v5, it uses `d3.geoPath` and `d3.geoGraticule` for geographic projections, `d3.brushX` for the selection interaction, and `d3.bin` for aggregating the data over time. Data is sourced from a CSV of global missing migrant records.

MMichael Bruno

93% match

Loading thumbnail…

brushing migrant data on a map

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. Users brush over the histogram to filter the map, which displays circles scaled by the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection with d3.geoPath, while the histogram leverages d3.bin and d3.brushX. Data comes from a CSV of Missing Migrants Global records, rendered with React and SVG.

BBlake McCarty

93% match

Loading thumbnail…

Brushing Missing Migrants Multiple Views

This interactive visualization combines a world map and a time-series histogram to explore missing migrant incidents. Users can brush over the histogram to filter the map, which displays proportional circles sized by the total number of dead and missing individuals. The map uses a natural Earth projection with graticules and country borders, rendered with SVG via React. Data comes from the Missing Migrants Project and is aggregated by month using d3.bin. The linked views are implemented with d3.scaleSqrt for circle sizing and d3.brushX for the interactive selection.

TTatyana Milanova

92% match

Loading thumbnail…

Missing Migrants on a Map with a Brush Part 2

This visualization shows global migrant deaths and disappearances over time and location. A brushed timeline at the bottom filters the bubble map above, which uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, with circle radii scaled by the total dead and missing per incident. The histogram uses `d3.bin`, `d3.scaleTime`, and `d3.brushX` to select date ranges, driving React state updates that filter the map’s displayed data.

Jjbruzzo

92% match

Loading thumbnail…

Missing Migrants Brushing

This visualization combines a world map and a time-series histogram to explore global migrant deaths and disappearances. Brushing a date range in the histogram filters the circles on the map, which use `d3.scaleSqrt` scaling and `d3.geoPath` with a `geoNaturalEarth1` projection. The histogram bins monthly data with `d3.bin` and `timeMonths`, while the brush uses `brushX`. Data comes from a CSV of the Missing Migrants Project, overlaid on a TopoJSON world atlas.

CCarlos Caballero

92% match