Migrants Multiple Views

100%

Migrants Multiple Views

✓ Published0🌍 Public

Last edited Oct 18, 2022

Created on Oct 18, 2022

Forked from Missing Migrants Multiple Views

This example combines a world map and a time-series histogram to visualize migrant deaths and missing persons. The map uses a natural Earth projection with graticules and country boundaries from TopoJSON, plotting circles scaled by `d3.scaleSqrt` to represent the total dead and missing per location. The histogram below aggregates the same data by month using `d3.histogram` and `d3.timeMonths`, with bar heights reflecting cumulative deaths. Both views are rendered as SVG within a React app, using `d3.csv` to load the Missing Migrants dataset and `topojson` for geographic features.

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.

Inspired by earlier work from 2018: bl.ocks.org: Migrant Deaths over Time.

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

93% match

Loading thumbnail…

Multiple Views - Migrant Data

This example combines a world map and a time-series histogram to visualize migrant deaths and missing persons. The map uses a natural Earth projection via `geoNaturalEarth1` and `geoPath`, with circle sizes scaled by the square root of fatalities, while the histogram bins monthly totals. A brush on the histogram filters the map’s circles interactively. Data comes from a CSV of Missing Migrants records, and rendering uses React with SVG and D3 v5 scales, axes, and the `brushX` API.

Jjulesgentry

93% 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

93% match

Loading thumbnail…

Multiple Views

This interactive visualization combines a world map and a time-series histogram to display missing migrant incidents. The top view uses a natural Earth projection with proportional circles sized by the square root of the reported deaths, while the bottom histogram aggregates the same data by month. Built with React and D3 v7, the example employs d3.geoPath for map rendering, d3.bin for histogram binning, and d3.scaleSqrt for circle sizing. Data comes from a CSV of global missing migrants.

KKai Stewart

92% match

Loading thumbnail…

Analyzing Missing Migrants (Multiple Views)

This interactive visualization combines a world map and a time-series histogram to analyze migrant deaths and disappearances. The map uses a natural Earth projection to plot circles scaled by the total dead and missing, while the histogram aggregates these counts by reported month. Built with React and D3 v5, it employs `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, `d3.histogram` and `d3.timeMonths` for temporal binning, and `d3.scaleSqrt` for proportional circle sizing. Data comes from a CSV of missing migrants, with country boundaries from World Atlas TopoJSON.

WWaseem Medhat

92% match

Loading thumbnail…

Missing Migrants - Multiple Views

This interactive visualization combines two coordinated views of missing migrant incidents. A world map uses a natural Earth projection with graticules to display incident locations, with circle sizes scaled by the square root of deaths and missing persons. Below, a time-series histogram bins reported dates into monthly intervals, summing the total dead and missing per month. The map is rendered using d3.geoPath and d3.geoNaturalEarth1, while the histogram leverages d3.bin, d3.scaleTime, and d3.scaleLinear. Data comes from the Missing Migrants Project CSV, loaded with d3.csv, with geographic boundaries from world-atlas TopoJSON.

PPeter Krevenets

92% 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

92% match

Loading thumbnail…

Missing Migrants on a Map - Multiple Views

A map and histogram combine to visualize recorded deaths and disappearances of migrants. The map uses a natural Earth projection (`d3.geoNaturalEarth1`) and `d3.geoPath` to draw country boundaries, with circle size scaled by `d3.scaleSqrt` to represent the count of dead and missing per location. A date histogram below aggregates the same metric monthly using `d3.histogram` and `d3.timeMonths`, with `d3.scaleTime` and `d3.scaleLinear` axes. Both views render as SVG, driven by React components and loaded from a CSV dataset.

Ppranav-vis

92% match