Missing Migrants on Map and Bar

100%

Missing Migrants on Map and Bar

✓ Published1🌍 Public

Last edited Jan 28, 2024

Created on Jan 28, 2024

The visualization combines a world map with a time-series bar chart to explore global migrant deaths and disappearances. Geographic locations are plotted as circles scaled by the square root of the total dead and missing, while the lower histogram aggregates the same metric by month, using a D3 time-scale and binning. The map uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` for the projected landmasses, and the chart is built with React components. Data comes from a CSV file of Missing Migrants incidents, rendered entirely as SVG.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map with Bars

This visualization combines a world map with a time-series bar chart to show the global distribution and monthly trends of missing migrants. The map uses a natural Earth projection with semi-transparent circles scaled by the square root of the total dead and missing, while the lower histogram aggregates the same metric by month. Built with React and D3 v7, the map employs `geoNaturalEarth1` and `geoPath` for geographic rendering, while the histogram uses `scaleTime`, `histogram`, and `scaleLinear` to bin data from the Missing Migrants Project CSV. SVG renders all marks, with tooltips on bars for exact values.

BBen Seebeck

95% match

Loading thumbnail…

Missing Migrants

This visualization combines a bubble map with a time-series histogram to show migrant deaths and disappearances worldwide. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circle size scaled by d3.scaleSqrt representing the total dead and missing. The histogram below aggregates reported dates into monthly bins using d3.bin and d3.timeMonths, with bar heights summing casualties. Both views use React components, with data loaded from a CSV of the Missing Migrants Project and country outlines from TopoJSON world-atlas data.

RRitik Raj

92% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This interactive visualization combines a world map and a time-series bar chart to display the global distribution and monthly totals of missing migrants. The map uses D3’s `geoNaturalEarth1` projection with `geoPath` and `geoGraticule` to render landmasses and graticules, while circles sized by square-root scale represent the count of dead and missing per incident. A synchronized date histogram below, built with D3’s `bin` and `timeMonths`, aggregates the same data over time. The chart is rendered as an SVG using React, with data from a CSV of the Missing Migrants Global dataset.

CCodeDuckie99

92% match

Loading thumbnail…

Missing Migrants on a map

A world map displays circles sized by the total number of dead and missing migrants, with a histogram beneath charting the same totals over time. The visualization combines a React component using d3.geoNaturalEarth1 and d3.geoPath for the map with d3.scaleSqrt for circle radii. A d3.histogram bins reported dates into monthly intervals, while d3.scaleTime and d3.scaleLinear handle the axes. Data comes from a CSV file of global migrant incidents.

YYenTingWu

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

92% match

Loading thumbnail…

Missing Migrants on a Map and Histogram

The visualization combines a world map and a time-series histogram to show the locations and monthly counts of missing migrants. The bubble map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules, with circle sizes scaled by `d3.scaleSqrt` based on the ‘Total Dead and Missing’ value. The histogram uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.histogram` with monthly bins, displaying the same metric over time. Data comes from a CSV of Missing Migrants, and the SVG is rendered using React with D3 v5.

Ccshm407

92% match

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

92% match

Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a world map and a time-series bar chart to explore data on missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render landmasses, with circle sizes scaled by the square root of the total dead and missing count. The histogram below aggregates monthly totals using d3.bin and d3.sum, with axes from custom React components. Both views share the same dataset, loaded via d3.csv from a subset of the Missing Migrants Project.

RRMartins11

91% match