A D3 map

100%

✓ Published0🌍 Public

Last edited Jan 28, 2021

Created on Jan 28, 2021

This interactive visualization shows migrant deaths and disappearances worldwide, combining a geographic bubble map with a temporal histogram. A D3 natural Earth projection renders the world map, with semi-transparent circles sized by death counts using a square root scale. The histogram below aggregates monthly totals, and both views share the same dataset of recorded incidents. The visualization is built with React, D3 v4 geo and scale utilities, and SVG rendering, using data from the Missing Migrants Project.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrant Part V

This visualization combines a bubble map of migrant deaths and disappearances with a date histogram, using the Missing Migrant Project dataset. The map projects incident locations as semi-transparent circles scaled by total dead and missing, while the histogram aggregates monthly totals over time. It uses d3.geoNaturalEarth1 and d3.geoPath for the map, d3.bin and d3.timeMonths for temporal binning, and d3.scaleSqrt for circle sizing. The SVG rendering is built with React, and the data is loaded via d3.csv.

Aadewole-top

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

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

91% match

Loading thumbnail…

Missing Migrants on World Map

This interactive visualization maps migrant deaths and disappearances worldwide using a proportional bubble map, where circle size reflects the total number of dead and missing per location. A linked time-series histogram below the map allows brushing over months to filter the displayed bubbles. Built with React and D3 v5, the project uses `geoNaturalEarth1` projection with `geoPath` for map rendering, `scaleSqrt` for bubble sizing, and `brushX` for time filtering. Data comes from the Missing Migrants Project CSV, loaded via `d3.csv`, and rendered as SVG.

Uuplusv

91% match

Loading thumbnail…

Missing & Death Migrate multi view

This visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map uses a D3 geoNaturalEarth1 projection with geoPath, rendering circles scaled by the square root of the total dead and missing per location, overlaid on graticule and land features from the world-atlas TopoJSON. Below, a React-based histogram bins the data by reported date using D3’s bin and timeMonths, summing casualties per month and displaying bars with hover tooltips. Data comes from a CSV of global migrant incidents.

AAmir

91% match

Loading thumbnail…

Dataviz 2020_Ep41,43 - 33,34. Missing Migrants4 - Multiple Views

This visualization combines a bubble map and a time-series histogram to explore global migrant deaths and disappearances. The map projects incident locations using a natural Earth projection, with circle size scaled by the square root of the total dead and missing. Below, a date histogram aggregates reported incidents by month, summing casualties. Built with React and D3 v6, the example uses `geoNaturalEarth1` and `geoPath` for map rendering, while `scaleSqrt`, `scaleTime`, and `bin` handle proportional sizing and time binning. Data comes from a CSV of global migrant incidents.

MMinwoo Pak

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

90% match

Loading thumbnail…

Multiple view

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. A bubble map projects incident locations using `d3.geoEqualEarth` and `d3.geoPath`, with circle sizes scaled by the square root of the death count. The histogram aggregates monthly totals, and users can brush over its time axis to filter the map’s bubbles accordingly. The visualization is built with React and renders all graphics as SVG, using data from the United Nations World Population Prospects and the Missing Migrants Project.

33ssalunke

90% match