Skip to main content
SimilarExport ZIP
100%

Multiple views

✓ Published1🌍 Public
Aazharahmad0
Last edited Mar 28, 2021
Created on Mar 28, 2021

This interactive visualization combines a bubble map and a histogram to explore data on dead and missing migrants worldwide. The map uses `d3.geoPath` with a natural Earth projection to render countries, while `d3.scaleSqrt` sizes circles proportionally to the number of casualties at each location. A bar chart below, built with `d3.scaleTime` and `d3.histogram`, aggregates the same data by month. The visualization is rendered in SVG using React, with data loaded from a CSV file via `d3.csv`.

AI-generated description

A visualisation of two charts, firstly a bubble chart to show missing/dead migrants across the globe, and secondly overlayed on top of this is a missing/dead migrants over time, to hopefully better analyse said data.

MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

Multiple Views

This interactive visualization combines a geographic bubble map with a time-series histogram to explore migrant deaths and disappearances. The map displays circles sized by the total dead and missing count using a square-root scale, with an equal Earth projection rendered via `d3.geoPath`. The histogram bins reported dates by month using `d3.bin` and `d3.timeMonths`, with a brush (`d3.brushX`) that filters the map’s data in real time. Both views are built with React and D3 v7, using data from the Missing Migrants Project.

JJosh Zalcman
92% match
Loading thumbnail…

Multiple Views

This example combines a bubble map with a date histogram to visualize missing migrant incidents. The map uses a d3.geoNaturalEarth1 projection with graticules and country boundaries from the World Atlas TopoJSON, while circles sized by d3.scaleSqrt represent the total dead and missing. The histogram bins the data by month using d3.bin and sums the casualties with d3.sum, displaying the temporal distribution. Both views are rendered as SVG in React, reading data from a CSV of the Missing Migrants Project.

MMichael Bergerson
92% match
Loading thumbnail…

Multiple Views

This example combines a bubble map and a date histogram to visualize missing migrants globally. The map uses a natural Earth projection with `d3.geoNaturalEarth1` and `d3.geoPath`, where circle radii scale with the square root of death counts via `d3.scaleSqrt`. Below it, a time-series histogram aggregates monthly totals using `d3.histogram` and `d3.timeMonths`, with bars rendered as SVG rectangles. Both views share data from a CSV file, loaded via `d3.csv` in React.

NNikhil Reddy Manda
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…

Multiple View Missing Migrant

This visualization combines a bubble map and a date histogram to explore missing migrant incidents. The map uses a d3-geo naturalEarth1 projection with graticules and country borders, sizing circles by total dead and missing via d3.scaleSqrt. The histogram bins reported dates by month using d3.histogram and sums fatalities per bin. Both views render as SVG in React, with data from the Missing Migrants CSV and world atlas TopoJSON.

AAnthony Ynami
91% match
Loading thumbnail…

Multiple Views

This interactive visualization combines a world map and a time-series histogram to display missing migrant incidents. The top view uses a natural Earth projection with proportional circles sized by the square root of the reported deaths, while the bottom histogram aggregates the same data by month. Built with React and D3 v7, the example employs d3.geoPath for map rendering, d3.bin for histogram binning, and d3.scaleSqrt for circle sizing. Data comes from a CSV of global missing migrants.

KKai Stewart
91% match
Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a bubble map and a histogram to explore the global count of dead and missing migrants. The map uses a natural earth projection to place circles on a world map, where each circle’s radius is scaled to the total number of dead and missing for a given location. A time-series histogram below aggregates the data by month, showing the sum of deaths over time. The map is rendered using D3’s `geoNaturalEarth1` projection and `geoPath`, while the histogram leverages D3’s `bin` and `timeMonths` functions. Both views are built with React, drawing SVG marks.

KKevin McMorrow
91% match