Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
MMinwoo Pak
Last edited Jul 24, 2021
Created on Jul 22, 2021

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.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Multiple Views

This interactive visualization combines a bubble map and a date histogram to explore global missing migrant incidents. The map uses a D3 geoNaturalEarth1 projection with geoPath to plot circles scaled by the total number of dead and missing, while the histogram bins incidents by month using d3.bin and aggregates deaths with d3.sum. Data comes from a CSV of Missing Migrants records, rendered as SVG elements within a React framework.

KKazushige Okuma
91% match
Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a geospatial bubble map with a temporal bar chart to examine global migrant deaths. The upper map projects each incident’s coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle radius scaled by `d3.scaleSqrt` according to the reported dead and missing count. The lower histogram bins incidents by reported date using `d3.bin` and `d3.timeMonths`, aggregating the same count metric. Both views read from a CSV of Missing Migrants Project data, rendered as SVG within a React component.

LLove Wessman
91% match
Loading thumbnail…

Missing Migrants Multiple View

This visualization combines a bubble map and a date histogram to explore global migrant deaths and disappearances. The map uses a `geoNaturalEarth1` projection with `geoPath` and `geoGraticule` to render world landmasses, while circle radii are scaled by the square root of the total dead and missing via `scaleSqrt`. The histogram below aggregates the same data monthly using `bin` with `timeMonths` thresholds, and employs `scaleTime` and `scaleLinear` for axes. Data is loaded from a CSV using `d3.csv`, with world geometry from TopoJSON.

JJohn Huang
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 Multiple Views

This visualization presents recorded incidents of missing migrants through two coordinated views. A bubble map uses a natural Earth projection with graticules to plot incident locations, where circle size encodes the total dead and missing count via a square-root scale. Below, a histogram bins incidents by reported date, summing casualties within monthly intervals. Both views render as SVG using React components and D3 v5 APIs, including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `scaleTime`, and `histogram`. Data comes from a CSV of global missing migrant incidents, while country boundaries come from the world-atlas TopoJSON dataset.

Nnpelliccia
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…

Missing Migrants Multiple Views Cleanup

A composite visualization combines a bubble map with a time-series histogram to show global migrant deaths and disappearances. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle areas scaled by `d3.scaleSqrt` based on total dead and missing. The histogram bins reported dates by month using `d3.bin` and `d3.timeMonths`, summing casualties per bin. Both views use React and D3 v5, drawing to SVG, with data from the Missing Migrants Project.

MMichael Bergerson
91% match
Loading thumbnail…

Missing Migrants: Multiple Views

This visualization displays global migrant mortality events using two coordinated views: a natural Earth projection bubble map and a time-series histogram. The map positions each event as a semi-transparent circle scaled by the square root of the total dead and missing, while the histogram aggregates monthly totals. Both views use React and D3 v5, with `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering and `d3.histogram` for binning. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

RRiccardo De Lucia
91% match