Missing migrants map / histogram

100%

Missing migrants map / histogram

✓ Published1🌍 Public

Last edited Aug 9, 2021

Created on Jul 5, 2021

A world map displays circles sized by the total number of dead and missing migrants at each reported location, overlaid on a natural Earth projection rendered with d3.geoPath. A time histogram below aggregates the same data by reported date, using d3.bin and d3.timeMonths to sum deaths per month. Both visualizations use React state and D3 scales (d3.scaleSqrt, d3.scaleTime, d3.scaleLinear) to encode values, with data loaded from a CSV via d3.csv and world geography from a TopoJSON file.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Missing Migrants on a World Map w/ Histogram

This visualization combines a natural Earth projection world map with a monthly histogram to show the global distribution and temporal trends of missing migrants. Bubble sizes on the map encode the total dead and missing per location using a square-root scale. The histogram bins the data by month using `d3.bin` and `d3.timeMonths`, summing deaths per bin. Built with React and D3 v7, it uses `d3.geoPath` for map rendering and draws directly to SVG. Data comes from a CSV of migrant incidents and a 50m TopoJSON world atlas.

Hhunsingeruk@gmail.com

93% 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 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 (part 4)

A world map uses proportional circles to show the total number of dead and missing migrants per incident location, with bubble size scaled by d3.scaleSqrt. A separate date histogram below aggregates the same totals by month using d3.bin and timeMonths thresholds. The visualization relies on d3.geoNaturalEarth1 and d3.geoPath for map rendering, with data from a CSV of global migrant incidents. React manages the SVG output, combining both charts into a single interactive view.

JJun Suzuki

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 map and histogram

This visualization combines a natural Earth projection bubble map with a time-series histogram to show the geographic distribution and monthly totals of missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circle areas scaled by the square root of deaths via d3.scaleSqrt. The histogram below bins reported dates into monthly intervals using d3.histogram and sums the corresponding casualties. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, with React managing the composite SVG layout.

AAndrea Picciau

92% match

Loading thumbnail…

Missing Migrants Map + Histogram Combined

This visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection with proportional circles sized by the total dead and missing per location, while the histogram shows monthly totals over time. The code applies d3.geoPath for map rendering and d3.bin with time thresholds for histogram aggregation. React manages the component structure, with data loaded from a CSV of the Missing Migrants Project. SVG rendering renders both the map and the histogram, with a square root scale controlling circle radii.

BBen Brophy

92% match