Combined map and histogram

100%

Combined map and histogram

✓ Published1🌍 Public

Last edited Apr 25, 2021

Created on Apr 25, 2021

A combined map and histogram visualizes the geographic distribution and temporal trends of missing migrants. The map projects city locations using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by the square root of the total dead and missing count. Below, a time-series histogram bins reported dates monthly using `d3.histogram`, with bar heights summing the casualties per month. The visualization uses React for component structure and SVG for rendering, with data from the Missing Migrants CSV and world atlas TopoJSON.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing migrants map and histogram

This visualization combines a natural Earth projection bubble map with a time-series histogram to show the geographic distribution and monthly totals of missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circle areas scaled by the square root of deaths via d3.scaleSqrt. The histogram below bins reported dates into monthly intervals using d3.histogram and sums the corresponding casualties. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, with React managing the composite SVG layout.

AAndrea Picciau

92% match

Loading thumbnail…

Missing Migrants Map + Histogram Combined

This visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection with proportional circles sized by the total dead and missing per location, while the histogram shows monthly totals over time. The code applies d3.geoPath for map rendering and d3.bin with time thresholds for histogram aggregation. React manages the component structure, with data loaded from a CSV of the Missing Migrants Project. SVG rendering renders both the map and the histogram, with a square root scale controlling circle radii.

BBen Brophy

91% match

Loading thumbnail…

Combined Missing Migrants on a Map

This visualization combines a bubble map with a time-series histogram to display missing migrant incidents. The map projects geographic coordinates using a natural Earth projection via `d3.geoPath`, with circle sizes scaled by the square root of the total dead and missing count. A histogram below aggregates incidents by month using `d3.bin` and `d3.timeMonths`, summing casualties per bin. The visualization is rendered with React and SVG, using D3 v5 for scales, projections, and data loading from the Missing Migrants Global subset dataset.

PPedro Henrique Vanali

91% match

Loading thumbnail…

Missing Migrants on a Map and Histogram

The visualization combines a world map and a time-series histogram to show the locations and monthly counts of missing migrants. The bubble map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules, with circle sizes scaled by `d3.scaleSqrt` based on the ‘Total Dead and Missing’ value. The histogram uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.histogram` with monthly bins, displaying the same metric over time. Data comes from a CSV of Missing Migrants, and the SVG is rendered using React with D3 v5.

Ccshm407

91% match

Loading thumbnail…

Missing Migrants on a World Map w/ Histogram

This visualization combines a natural Earth projection world map with a monthly histogram to show the global distribution and temporal trends of missing migrants. Bubble sizes on the map encode the total dead and missing per location using a square-root scale. The histogram bins the data by month using `d3.bin` and `d3.timeMonths`, summing deaths per bin. Built with React and D3 v7, it uses `d3.geoPath` for map rendering and draws directly to SVG. Data comes from a CSV of migrant incidents and a 50m TopoJSON world atlas.

Hhunsingeruk@gmail.com

91% match

Loading thumbnail…

Missing Migrants Dataset - Map and Histogram

This visualization combines a bubble map and histogram to explore the Missing Migrants Dataset, showing the geographic distribution and monthly totals of deaths and missing persons. The map uses `geoNaturalEarth1` and `geoPath` to render world landmasses, with circle radii scaled by `scaleSqrt` according to the "Total Dead and Missing" count. The histogram bins reported dates into monthly intervals using `bin` and `timeMonths`, summing counts per month with `sum`. Both views render as SVG within a React app, pulling data from CSV and TopoJSON sources.

KK3zter

91% match

Loading thumbnail…

Map and Histogram

A map and histogram visualize the global distribution and monthly totals of migrant deaths and disappearances. The map uses a natural Earth projection with graticules and country borders, while scaled dark red circles represent the number of dead and missing at each location. The histogram below aggregates these incident counts by month. The visualization is built with React, D3 v5 (including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `scaleTime`, and `bin`), and SVG rendering, pulling data from a CSV of missing migrants and world atlas TopoJSON.

Nnexus1058

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

90% match