Missing migrants multiple view

100%

Missing migrants multiple view

✓ Published1🌍 Public

Last edited Mar 23, 2021

Created on Mar 19, 2021

A map of the world uses D3's geoNaturalEarth1 projection and geoPath to draw landmasses and graticules, while circles sized with a square-root scale encode totals of dead and missing migrants per location. A time-series histogram beneath the map bins the same reported data by month using d3.bin and scaleTime, with bar heights scaled by monthly fatality counts. React manages the state and rendering of both views, loading world geometry from TopoJSON and CSV data from a gist.

AI-generated description

World map loading geometry from World Atlas and city coordinates from csv, with point size based on city population.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing migrants multiple views

This visualization presents multiple views of missing migrant data from a global 2021 dataset. A world map using a natural Earth projection displays circles scaled by the square root of total dead and missing per location, with tooltips showing exact counts. Below, a date histogram bins reported deaths monthly, stacking totals by time. Built with React and D3 v6, the map uses `geoNaturalEarth1`, `geoPath`, and `geoGraticule` for geographic rendering, while the histogram employs `bin`, `scaleTime`, `scaleLinear`, and `scaleSqrt` for aggregation and scaling. SVG renders all marks, with the world atlas sourced from TopoJSON.

MmohitPassan

92% match

Loading thumbnail…

Missing Migrants on a Map

A world map visualizes the locations and magnitudes of missing migrant incidents, with semi-transparent circles sized by the total number of dead and missing per coordinate. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` for land and graticule rendering, while a square-root scale maps incident counts to circle radii. React manages the component state, loading CSV data and world-atlas TopoJSON via hooks. The SVG rendering provides a clean overview of global migration-related fatalities.

Vvmonney

92% match

Loading thumbnail…

Missing migrants map / histogram

A world map displays circles sized by the total number of dead and missing migrants at each reported location, overlaid on a natural Earth projection rendered with d3.geoPath. A time histogram below aggregates the same data by reported date, using d3.bin and d3.timeMonths to sum deaths per month. Both visualizations use React state and D3 scales (d3.scaleSqrt, d3.scaleTime, d3.scaleLinear) to encode values, with data loaded from a CSV via d3.csv and world geography from a TopoJSON file.

LLewis Ward

91% match

Loading thumbnail…

Missing Migrants multiple views

This visualization presents data on missing migrants through two coordinated views. A world map uses circles scaled by the square root of the count of dead and missing individuals, projecting geographic coordinates with `d3.geoNaturalEarth1` and `d3.geoPath`. A time-series histogram below displays the monthly sum of deaths, binned using `d3.histogram` with `d3.timeMonths` thresholds, using `d3.scaleTime` and `d3.scaleLinear` for axes. The data comes from the Missing Migrants Project, and the React-based build relies on `d3.json` and `topojson` features.

Wwindwaver

91% match

Loading thumbnail…

Missing Migrants on a Map Multiple Views

This example shows two linked views of missing migrant incidents: a world map with proportional circles marking the total dead and missing at each location, alongside a histogram of monthly totals over time. The map uses a natural Earth projection with graticules and country borders, while the histogram aggregates data into monthly bins. Both views render as SVG using React components and D3 v6 APIs, including `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.scaleSqrt`, and `d3.bin`. Data comes from a CSV of missing migrants, loaded via `d3.csv`.

LLaura Johnson

91% match

Loading thumbnail…

Missing migrants on a map

This example visualizes the locations of missing migrants on a world map, with circle size encoding the total number of dead and missing per incident. Built with React and D3.v5, it renders a natural Earth projection using `geoNaturalEarth1` and `geoPath`, while `geoGraticule` draws graticule lines. Migration data is loaded from a CSV using `d3.csv` and the world atlas topology from `world-atlas` via `d3.json`, with `topojson` features generating land and interior boundaries. Circle radii are scaled using `d3.scaleSqrt` based on the maximum casualty count.

Rrajamrit-singh

90% match

Loading thumbnail…

Migrants Multiple Views

This example combines a world map and a time-series histogram to visualize migrant deaths and missing persons. The map uses a natural Earth projection with graticules and country boundaries from TopoJSON, plotting circles scaled by `d3.scaleSqrt` to represent the total dead and missing per location. The histogram below aggregates the same data by month using `d3.histogram` and `d3.timeMonths`, with bar heights reflecting cumulative deaths. Both views are rendered as SVG within a React app, using `d3.csv` to load the Missing Migrants dataset and `topojson` for geographic features.

FFAN CHI YU(范紀予)

90% match

Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a world map and a time-series bar chart to explore data on missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render landmasses, with circle sizes scaled by the square root of the total dead and missing count. The histogram below aggregates monthly totals using d3.bin and d3.sum, with axes from custom React components. Both views share the same dataset, loaded via d3.csv from a subset of the Missing Migrants Project.

RRMartins11

90% match