2 graphs migrants on a map

100%

2 graphs migrants on a map

✓ Published0🌍 Public

Last edited Oct 24, 2021

Created on Oct 24, 2021

This visualization combines a bubble map and a date histogram to display migrant deaths and missing persons incidents. The map uses D3’s `geoNaturalEarth1` projection with `geoPath` to render world landmasses, graticules, and country interiors, while circles sized by `scaleSqrt` represent the total dead and missing at each coordinate. The histogram, built with `scaleTime` and `bin` from D3, aggregates incidents by month. Both charts render as SVG within a React component, pulling data from a CSV of global migrant incidents and world atlas TopoJSON.

AI-generated description

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

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Missing Migrants a Map

This visualization combines a bubble map and a date histogram to show the locations and timing of missing migrant incidents. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circles scaled by the square root of the total dead and missing per location. The histogram bins the data by month using `d3.bin` and `d3.timeMonths`. Both views use React components and D3 scales, with data from the Missing Migrants Project and country boundaries from World Atlas TopoJSON.

Ttharuta

90% match

Loading thumbnail…

Missing Migrants on a Map

This visualization combines a bubble map and a date histogram to show the global distribution of missing migrants over time. The map uses a natural Earth projection with circles scaled by the square root of the total dead and missing count, while the histogram aggregates deaths by month. Both views are rendered as SVG using React components, with D3 v5 utilities for data loading (d3.csv), geographic paths (d3.geoPath), and histogram binning (d3.bin). Data comes from a CSV of missing migrant incidents.

Nnexus1058

89% match

Loading thumbnail…

Missing Migrants Multiple Views

This visualization combines a bubble map and a date histogram to explore missing migrant incidents worldwide. The map projects data points using d3.geoNaturalEarth1 and d3.geoPath, with circle radii scaled by d3.scaleSqrt based on the total number of dead and missing. The histogram aggregates incidents by month using d3.bin and d3.timeMonths, summing fatalities per bin. Both views render as SVG within a React framework, pulling data from the Missing Migrants Project CSV and world-atlas TopoJSON.

Rrstrauss127

89% match

Loading thumbnail…

Missing Migrants on a map v2

This visualization combines a world map and a time-series histogram to show the locations and monthly counts of dead and missing migrants in 2019. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to render country outlines, graticules, and sphere, with semi-transparent circles scaled by `d3.scaleSqrt` based on the total dead and missing per incident. A linked histogram below, built with `d3.bin` and `d3.timeMonths`, aggregates the same data over time. The code uses React and D3 v7 with data loaded via `d3.csv` and TopoJSON world atlas from unpkg.

JJohn Lewis

89% match

Loading thumbnail…

Missing Migrant Part V

This visualization combines a bubble map of migrant deaths and disappearances with a date histogram, using the Missing Migrant Project dataset. The map projects incident locations as semi-transparent circles scaled by total dead and missing, while the histogram aggregates monthly totals over time. It uses d3.geoNaturalEarth1 and d3.geoPath for the map, d3.bin and d3.timeMonths for temporal binning, and d3.scaleSqrt for circle sizing. The SVG rendering is built with React, and the data is loaded via d3.csv.

Aadewole-top

89% match

Loading thumbnail…

Missing Migrants

This visualization combines a bubble map with a date histogram to show the global distribution and monthly totals of missing migrants. The map uses a natural Earth projection with `d3.geoPath` and `d3.geoGraticule` to render countries and graticules, while circles scaled by `d3.scaleSqrt` represent the number of dead and missing per location. The histogram below bins reported dates by month using `d3.bin` and `d3.timeMonths`, with bar heights scaled linearly. Data comes from the Missing Migrants Project CSV and the world atlas TopoJSON.

CCarlos Caballero

89% 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(范紀予)

89% match