Missing Migrants on a Map - Multiple Views

100%

Missing Migrants on a Map - Multiple Views

✓ Published2🌍 Public

Last edited Sep 19, 2021

Created on Sep 19, 2021

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.

AI-generated description

Rendering CSS named colors from MDN.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map Multiple Views

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`.

LLaura Johnson

93% match

Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a bubble map and a histogram to explore the global count of dead and missing migrants. The map uses a natural earth projection to place circles on a world map, where each circle’s radius is scaled to the total number of dead and missing for a given location. A time-series histogram below aggregates the data by month, showing the sum of deaths over time. The map is rendered using D3’s `geoNaturalEarth1` projection and `geoPath`, while the histogram leverages D3’s `bin` and `timeMonths` functions. Both views are built with React, drawing SVG marks.

KKevin McMorrow

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

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

92% match

Loading thumbnail…

Missing Migrants - multiple views

This visualization presents the Missing Migrants dataset through two synchronized views: a world map using a bubble chart and a time-series histogram. The map displays circles scaled by the square root of the total dead and missing per location, projected using `geoNaturalEarth1` and `geoPath`. The histogram bins reported dates by month using `d3.bin` and `timeMonths`, summing fatalities per bin. Both views are rendered with SVG via React components, leveraging D3 scales and axes. Data is loaded from a CSV using `d3.csv`.

SSai Phaltankar

92% match

Loading thumbnail…

Multiple view Missing Migrants on Map

This interactive visualization combines a geographic bubble map with a time-series histogram to explore migrant deaths and disappearances globally. The map uses d3.geoNaturalEarth1 projection and d3.geoPath to render world atlas landmasses, with circle sizes scaled by the square root of the "Total Dead and Missing" value per location. The histogram bins reported dates by month using d3.bin and displays the summed fatalities via SVG rectangles. Both views are built with React components, leveraging d3.scaleSqrt, d3.scaleTime, and d3.scaleLinear to map data to visual encodings.

SShuyu Zheng

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

92% match

Loading thumbnail…

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.

FFAN CHI YU(范紀予)

92% match