Missing Migrants on a Map Multiple Views

100%

Missing Migrants on a Map Multiple Views

✓ Published1🌍 Public

Last edited May 3, 2021

Created on Apr 29, 2021

This example shows two linked views of missing migrant incidents: a world map with proportional circles marking the total dead and missing at each location, alongside a histogram of monthly totals over time. The map uses a natural Earth projection with graticules and country borders, while the histogram aggregates data into monthly bins. Both views render as SVG using React components and D3 v6 APIs, including `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.scaleSqrt`, and `d3.bin`. Data comes from a CSV of missing migrants, loaded via `d3.csv`.

AI-generated description

A scatterplot of The Iris Dataset using D3 utilities and React.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants with Multiple Views

This interactive visualization presents data on missing migrants through two linked views. A world map displays the geographic distribution of deaths and disappearances using proportional circles, with bubble size scaled according to the total count per location. Below, a time-based histogram aggregates the same data by month, showing the cumulative number of missing migrants over time. Both views use D3 v5 with React, employing `geoNaturalEarth1` projection for the map, `scaleSqrt` for circle sizing, and `histogram` binning for the temporal view. The data comes from CSV files loaded via `d3.csv`, with the map drawing from World Atlas TopoJSON.

Ppnlinyz

94% match

Loading thumbnail…

Missing Migrants Multiple Views

This visualization displays recorded incidents of missing migrants, combining a world map with a time-series histogram to reveal both geographic and temporal patterns. Proportional circles on the map represent the total number of dead and missing per location, while the histogram aggregates these totals by month. Built with React and D3 v5, the map uses `geoNaturalEarth1` and `geoPath` to render land and graticules, and the histogram uses `histogram` and `timeMonths` for binning. Data comes from the Missing Migrants Project subset CSV.

CChris Briggs

94% match

Loading thumbnail…

Missing Migrants Multiple Views

This visualization presents two coordinated views of missing migrant incidents reported in 2019. A world map uses scaled circles to show the total dead and missing per location, while a histogram below aggregates the same data by month. The map is rendered with d3.geoPath and a Natural Earth projection, with circles scaled using d3.scaleSqrt. The histogram uses d3.bin and d3.timeMonths to group events, with React managing the component structure.

CCurran Kelleher

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

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

93% match

Loading thumbnail…

Missing Migrants Multiple Views

This visualization presents recorded incidents of missing migrants through two coordinated views. A bubble map uses a natural Earth projection with graticules to plot incident locations, where circle size encodes the total dead and missing count via a square-root scale. Below, a histogram bins incidents by reported date, summing casualties within monthly intervals. Both views render as SVG using React components and D3 v5 APIs, including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `scaleTime`, and `histogram`. Data comes from a CSV of global missing migrant incidents, while country boundaries come from the world-atlas TopoJSON dataset.

Nnpelliccia

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

93% match

Loading thumbnail…

Analyzing Missing Migrants Part IV - Multiple Views (Getting it to Work)

This interactive visualization presents two coordinated views of missing migrant incidents: a world map with proportional circles showing total dead and missing, and a chronological histogram of monthly totals. The map uses d3.geoPath for the Natural Earth projection with graticules, while the histogram applies d3.bin with timeMonths thresholds. React components manage both views within a single SVG. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, with the world atlas from TopoJSON.

WWolfgang

93% match