Skip to main content
SimilarExport ZIP
100%

Missing Migrants Combo Viz

✓ Published1🌍 Public
PPadoSensei
Last edited Mar 30, 2021
Created on Mar 30, 2021

This combo visualization displays global migrant deaths and disappearances through two coordinated views. A world map using `geoNaturalEarth1` and `geoPath` projects circles scaled by `scaleSqrt` to represent cumulative fatalities per location, while an overlaid histogram uses `scaleTime`, `bin`, and `timeMonths` to aggregate the same data by reported date. React manages state through hooks, with D3 v6 handling data loading via `csv` and `json`, and the TopoJSON `feature` and `mesh` APIs rendering land and borders. Circle opacity and axis styling are defined in CSS.

AI-generated description

Render a World Map

Short How To Article https://dev.to/sriramvsharma/drawing-a-world-map-in-13-lines-of-code-368a

Adding Points to Map

Map represents Missing and Dead Migrants on Map

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants multiple views

This visualization presents data on missing migrants through two coordinated views. A world map uses circles scaled by the square root of the count of dead and missing individuals, projecting geographic coordinates with `d3.geoNaturalEarth1` and `d3.geoPath`. A time-series histogram below displays the monthly sum of deaths, binned using `d3.histogram` with `d3.timeMonths` thresholds, using `d3.scaleTime` and `d3.scaleLinear` for axes. The data comes from the Missing Migrants Project, and the React-based build relies on `d3.json` and `topojson` features.

Wwindwaver
90% match
Loading thumbnail…

Missing & Death Migrate multi view

This visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map uses a D3 geoNaturalEarth1 projection with geoPath, rendering circles scaled by the square root of the total dead and missing per location, overlaid on graticule and land features from the world-atlas TopoJSON. Below, a React-based histogram bins the data by reported date using D3’s bin and timeMonths, summing casualties per month and displaying bars with hover tooltips. Data comes from a CSV of global migrant incidents.

AAmir
90% match
Loading thumbnail…

Missing Migrants Multiple View

This visualization combines a bubble map and a date histogram to explore global migrant deaths and disappearances. The map uses a `geoNaturalEarth1` projection with `geoPath` and `geoGraticule` to render world landmasses, while circle radii are scaled by the square root of the total dead and missing via `scaleSqrt`. The histogram below aggregates the same data monthly using `bin` with `timeMonths` thresholds, and employs `scaleTime` and `scaleLinear` for axes. Data is loaded from a CSV using `d3.csv`, with world geometry from TopoJSON.

JJohn Huang
89% match
Loading thumbnail…

Missing Migrants

This visualization maps the global distribution of migrant deaths and disappearances using a natural Earth projection rendered with SVG. Each incident appears as a golden circle, with its radius scaled by the square root of the reported total dead and missing, overlaid on a dark world map with graticules and country borders. The example combines React for component state and rendering, D3’s `geoNaturalEarth1` and `geoPath` for geographic projections, and `topojson` for world atlas topology. Data comes from a CSV of Missing Migrants Project records, loaded via D3’s `csv` parser.

AAnthony Zornig
89% match
Loading thumbnail…

Missing Migrants: Multiple Views

This visualization displays global migrant mortality events using two coordinated views: a natural Earth projection bubble map and a time-series histogram. The map positions each event as a semi-transparent circle scaled by the square root of the total dead and missing, while the histogram aggregates monthly totals. Both views use React and D3 v5, with `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering and `d3.histogram` for binning. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

RRiccardo De Lucia
89% match
Loading thumbnail…

Missing Migrants on a Map

This visualization displays global migrant deaths and disappearances as circles on a natural Earth projection map. Dot size encodes the total dead and missing per incident location, overlaid on graticules and landmasses from a TopoJSON world atlas. React manages the component tree, while D3’s `geoPath`, `geoNaturalEarth1`, and `geoGraticule` handle projection and rendering. A CSV dataset supplies coordinates and casualty figures, with mark radius scaled by `d3.scaleSqrt` for proportional visual encoding.

PPeter Krevenets
89% match
Loading thumbnail…

Migrant Dataset with Multiple Views

This visualization displays global migrant deaths and disappearances using a natural Earth projection. Circles, sized with a square-root scale according to the "Total Dead and Missing" value, are projected onto the map via `d3.geoNaturalEarth1` and `d3.geoPath`. The world atlas, including landmasses and graticules, is rendered from TopoJSON using the `topojson` library, with data loaded from a CSV file. React manages the SVG output, combining geospatial context with proportional point symbols to reveal the geographic distribution of migrant fatalities.

SSam Hege
89% match
Loading thumbnail…

Missing Migrants (part 5) : Multiple Views cleanup

This interactive visualization combines a world map with a time-series bar chart to explore migrant deaths and disappearances from the Missing Migrants Project dataset. The top panel displays a natural Earth projection using d3.geoNaturalEarth1 and d3.geoPath, with circles sized by a sqrt scale representing total dead and missing per incident. The bottom panel shows a monthly histogram using d3.bin and d3.timeMonths, with axes rendered from d3.scaleTime and d3.scaleLinear. Both views are built with React and rendered as SVG, with the map using TopoJSON for geographic boundaries.

JJun Suzuki
89% match