Multiple view Missing Migrants on Map

100%

Multiple view Missing Migrants on Map

✓ Published1🌍 Public

Last edited Dec 28, 2020

Created on Dec 28, 2020

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.

AI-generated description

A program that render Topojson earth map using uses React.

MIT Licensed

Similar vizzes

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

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

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

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

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

93% match

Loading thumbnail…

Missing Migrants Multiple Views & Cleanup

This visualization combines a bubble map and a time-series histogram to show the global distribution and monthly trends of missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses, with circle sizes scaled by the square root of the “Total Dead and Missing” count per location. The histogram bins reported dates by month using d3.bin and timeMonths, summing fatalities per bin, with axes drawn via d3.scaleTime and d3.scaleLinear. Both views render as SVG within a React app, pulling data from a CSV of Missing Migrants Global Figures.

JJoe Hutchins

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

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

93% match