Missing Migrants on a Map with Bars

100%

Missing Migrants on a Map with Bars

✓ Published1🌍 Public

Last edited Nov 9, 2021

Created on Nov 9, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on Map and Bar

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.

Ddumbdataguy@gmail.com

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

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

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

92% match

Loading thumbnail…

Missing Migrants on a Map with Time

This interactive visualization combines a world map with a time-series histogram to explore the Missing Migrants Dataset. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circles sized by d3.scaleSqrt according to the total dead and missing per event. A linked date histogram below aggregates monthly totals, using d3.bin and d3.scaleTime. The React components manage state and rendering, with tooltips provided by SVG title elements. Data comes from a CSV of reported incidents, and world geography uses TopoJSON from the world-atlas package.

AAlex Stulov

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…

34. Missing Migrants Multiple Views

This visualization combines a world map with a time-series bar chart to display data on missing migrants. The map uses a natural Earth projection with sized circles to show total deaths and missing persons by location, while the histogram aggregates the same metric by reported date. Built with React and D3 v5, the example employs `geoNaturalEarth1` for projection, `scaleSqrt` for circle sizing, and `bin` with `timeMonths` thresholds for the histogram. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

PPrashish Paudel

92% match