Missing Migrants on World Map

100%

Missing Migrants on World Map

✓ Published0🌍 Public

Last edited Oct 4, 2023

Created on Sep 25, 2023

This interactive visualization maps migrant deaths and disappearances worldwide using a proportional bubble map, where circle size reflects the total number of dead and missing per location. A linked time-series histogram below the map allows brushing over months to filter the displayed bubbles. Built with React and D3 v5, the project uses `geoNaturalEarth1` projection with `geoPath` for map rendering, `scaleSqrt` for bubble sizing, and `brushX` for time filtering. Data comes from the Missing Migrants Project CSV, loaded via `d3.csv`, and rendered as SVG.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

This visualization combines a bubble map with a time-series histogram to show migrant deaths and disappearances worldwide. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circle size scaled by d3.scaleSqrt representing the total dead and missing. The histogram below aggregates reported dates into monthly bins using d3.bin and d3.timeMonths, with bar heights summing casualties. Both views use React components, with data loaded from a CSV of the Missing Migrants Project and country outlines from TopoJSON world-atlas data.

RRitik Raj

93% match

Loading thumbnail…

Missing Migrants Map

This interactive visualization displays missing migrant incidents worldwide as a choropleth bubble map, with circle size representing total dead and missing individuals. Users can select from six map projections via a dropdown menu, including Aitoff, August, and Orthographic. A linked time-series histogram below enables date range brushing, filtering the map’s displayed bubbles. Built with React and D3 v6, it uses d3.geoPath for geographic rendering, d3.bin for temporal aggregation, and d3.brushX for interactive filtering, sourcing data from the Missing Migrants Dataset and world boundaries from World Atlas TopoJSON.

Llaurajchang

93% match

Loading thumbnail…

Missing Migrants on a Map

This visualization combines a bubble map and a date histogram to show the global distribution of missing migrants over time. The map uses a natural Earth projection with circles scaled by the square root of the total dead and missing count, while the histogram aggregates deaths by month. Both views are rendered as SVG using React components, with D3 v5 utilities for data loading (d3.csv), geographic paths (d3.geoPath), and histogram binning (d3.bin). Data comes from a CSV of missing migrant incidents.

Nnexus1058

92% match

Loading thumbnail…

Missing Migrants on a Map with a Brush

This interactive visualization combines a natural Earth projection bubble map with a time-series histogram to explore recorded missing migrant incidents. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses and graticules, with circle sizes scaled by d3.scaleSqrt according to total deaths. The bottom histogram bins incidents by reported date using d3.bin and d3.timeMonths, aggregating values with d3.sum. Both views draw from a CSV of Missing Migrants data, with the map plotting coordinates and the histogram showing temporal trends.

Jjbruzzo

92% match

Loading thumbnail…

Missing Migrants on a Map

This interactive visualization combines a world map with a histogram to display missing migrant data over time. A natural Earth projection shows the geographic distribution of incidents, with circle size encoding the total number of dead and missing per location. A date histogram below aggregates these figures by month, using d3.bin and d3.scaleTime for temporal grouping. The visualization is built with React and D3 v5, using d3.geoPath for map rendering and d3.scaleSqrt for proportional circle sizing based on data from the Missing Migrants Project.

BBrian Philip

92% match

Loading thumbnail…

Missing Migrants Multiple Views

This interactive visualization presents missing migrant incidents on a world map with proportional bubbles, alongside a time-series histogram of monthly deaths. The React-based interface renders geographic data using `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`, with bubble sizes scaled via `d3.scaleSqrt`. The histogram bins reported dates by month using `d3.histogram` and `d3.timeMonths`. Both views display data from a CSV of Missing Migrants Project records, loaded with `d3.csv` and overlaid on a World Atlas TopoJSON basemap.

Jjwlam83

92% match

Loading thumbnail…

Missing Migrants

A choropleth-style bubble map visualizes the global distribution of missing migrants, with circle size encoding the total dead and missing per location. A linked date histogram below aggregates these totals monthly, and brushing on it filters the map’s circles to the selected time range. Built with React and D3 v5, it uses `d3.geoMercator` with `d3.geoPath` for map rendering, `scaleSqrt` for bubble radii, and `brushX` to drive the interactive filtering. Data comes from the IOM’s Missing Migrants Project.

VValentineAuer

92% match

Loading thumbnail…

Missing Migrants multiple views

This visualization presents missing migrant data through two linked views: a world map with proportional bubbles and a time-series histogram. The BubbleMap uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circle sizes scaled by d3.scaleSqrt to show total deaths and missing persons. The DateHistogram bins reports by month and displays aggregate counts as bars, using d3.csv for data loading and React for component rendering with SVG. The data comes from the Missing Migrants Global dataset.

MMark Lam

92% match