Multiple view

100%

✓ Published0🌍 Public

Last edited Feb 28, 2021

Created on Feb 27, 2021

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.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Multiple Views

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map displays circles scaled by the square-root of the total dead and missing per location, using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic rendering. The histogram aggregates the same data by month, using `d3.bin` and `d3.timeMonths` to show temporal trends. Both views are built with React and D3 v5, rendering to SVG, with data sourced from a Missing Migrants CSV file.

MMinh Luong

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

93% match

Loading thumbnail…

Multiple views

This interactive visualization combines a bubble map and a date histogram to display global migrant deaths and disappearances. The map uses a D3 natural Earth projection with graticules and country borders, where circle size scales with the square root of the reported total. The histogram bins incidents by reported date using D3's time-based binning. Both views are rendered as SVG elements. The code leverages D3 utilities for data loading, scaling, and projection, with React components managing the view composition.

Rrajamrit-singh

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

92% match

Loading thumbnail…

Multiple views

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`.

Aazharahmad0

92% match

Loading thumbnail…

multiple views migrant data on a map

This visualization combines a proportional bubble map with a time-series histogram to examine global migrant deaths and disappearances. The map plots each incident as a circle sized by the square-root scaled count of total dead and missing, overlaid on a Natural Earth land projection using d3.geoPath. A linked histogram below charts the monthly sum of deaths over time, using d3.bin and d3.scaleTime. Both views share the same dataset, rendered in SVG within a React framework using D3 v7.

BBlake McCarty

92% match

Loading thumbnail…

Multiple Views

This example combines a bubble map and a date histogram to visualize the geographic distribution and temporal trends of migrant deaths and disappearances. A world map using `geoNaturalEarth1` and `geoPath` displays circles sized by the total dead and missing per location, while a time-series histogram below aggregates the same data by month using `bin` and `scaleTime`. The visualization is built with React and D3 v5, using SVG rendering and data from a CSV of global migrant incidents.

Jj-PGi

92% match