Skip to main content
SimilarExport ZIP
100%

Missing migrants on a map

✓ Published0🌍 Public
FFrederick O'Brien
Last edited Jan 24, 2022
Created on Jan 19, 2022

This interactive visualization plots the locations of missing migrants worldwide as semi-transparent maroon circles on a world map, with circle size proportional to the count of dead and missing individuals. A linked time-series histogram below the map shows monthly totals and includes a brush control that filters the map to show only incidents within the selected date range. The map uses a `geoNaturalEarth1` projection rendered via `d3.geoPath`, while the histogram employs `d3.bin`, `d3.scaleTime`, and `d3.brushX`. Data comes from the Missing Migrants Project subset loaded with `d3.csv`; the world atlas geometry uses TopoJSON from the `world-atlas` package.

AI-generated description

A scatter world map built with D3 and React.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a map v2

This visualization combines a world map and a time-series histogram to show the locations and monthly counts of dead and missing migrants in 2019. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to render country outlines, graticules, and sphere, with semi-transparent circles scaled by `d3.scaleSqrt` based on the total dead and missing per incident. A linked histogram below, built with `d3.bin` and `d3.timeMonths`, aggregates the same data over time. The code uses React and D3 v7 with data loaded via `d3.csv` and TopoJSON world atlas from unpkg.

JJohn Lewis
93% 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
93% match
Loading thumbnail…

Missing migrants on a map

This interactive visualization combines a bubble map of missing migrants with a time-series histogram. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, with circle radii scaled by the square root of the total dead and missing count via `d3.scaleSqrt`. The histogram below, built with `d3.scaleTime`, `d3.scaleLinear`, and `d3.histogram`, displays monthly totals and supports brushing (`d3.brushX`) to filter the map by date range. Data is loaded from a CSV using `d3.csv`.

TTakuya Kitazawa
93% match
Loading thumbnail…

Missing Migrants on a Map with Time

This interactive visualization combines a world map with a time-series histogram to explore the Missing Migrants Dataset. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circles sized by d3.scaleSqrt according to the total dead and missing per event. A linked date histogram below aggregates monthly totals, using d3.bin and d3.scaleTime. The React components manage state and rendering, with tooltips provided by SVG title elements. Data comes from a CSV of reported incidents, and world geography uses TopoJSON from the world-atlas package.

AAlex Stulov
92% match
Loading thumbnail…

Missing migrants on a Map

This visualization maps the global distribution of missing migrants, with each semi-transparent circle scaled proportionally to the reported number of dead and missing individuals per incident. The map uses a natural Earth projection rendered via `d3.geoNaturalEarth1` and `d3.geoPath`, with landmasses, graticules, and country interiors drawn from TopoJSON data. Circle radii are determined by a `d3.scaleSqrt` function applied to the 'Total Dead and Missing' field from a subset of the Missing Migrants dataset. React manages the asynchronous loading of both the world atlas and CSV data, while SVG renders all visual elements.

MMatias Conde
92% match
Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, using semi-transparent circles to represent the total number of dead and missing individuals at each recorded location. The geographic context is provided by a natural Earth projection rendered with D3’s `geoNaturalEarth1` and `geoPath`, overlaid with graticules and country boundaries from World Atlas TopoJSON. Circle radii are scaled with a square-root scale based on the data’s maximum value. The React app fetches data from a CSV and JSON from external sources, leveraging `scaleSqrt` and `useWorldAtlas` hooks to load and process both datasets.

Jj-PGi
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

This visualization combines a bubble map with a date histogram to show the global distribution and monthly totals of missing migrants. The map uses a natural Earth projection with `d3.geoPath` and `d3.geoGraticule` to render countries and graticules, while circles scaled by `d3.scaleSqrt` represent the number of dead and missing per location. The histogram below bins reported dates by month using `d3.bin` and `d3.timeMonths`, with bar heights scaled linearly. Data comes from the Missing Migrants Project CSV and the world atlas TopoJSON.

CCarlos Caballero
92% match