Skip to main content
SimilarExport ZIP
100%

Missing Migrants Map & Hist with React & D3

✓ Published1🌍 Public
MManon ROMAIN
Last edited Oct 24, 2021
Created on Oct 23, 2021

This visualization combines a proportional-symbol world map with a time-series histogram to show the global distribution and monthly totals of dead and missing migrants. The map uses an Equal Earth projection with `d3.geoPath` and `topojson` world atlas data, sizing circles by the square-root scale of incident counts. The histogram bins incident dates into months using `d3.bin` and `d3.timeMonths`, summing deaths per bin via `d3.sum`. Both views render as SVG, built with React components and D3 v7, drawing from the Missing Migrants Project dataset.

AI-generated description

Loading Data with React & D3

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Map with React & D3

This interactive map visualizes reported incidents of missing migrants worldwide. Blue circles, sized by the total number of dead and missing using a square-root scale, are projected onto an Equal Earth projection using `d3.geoEqualEarth` and `d3.geoPath`. The React-based application loads data from a CSV and world atlas TopoJSON, rendering the map as SVG. It currently includes a placeholder date histogram, while the map marks are generated by a component that draws graticules, land masses, and the proportional circles.

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

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