Map and Histogram

100%

Map and Histogram

✓ Published1🌍 Public

Last edited May 1, 2021

Created on Apr 19, 2021

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.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map and a Histogram

A world map and a histogram visualize the locations and monthly death tolls of missing migrants, revealing where fatalities occur and when they peak. The map uses a natural Earth projection to plot circles scaled by the square root of the number of dead and missing, while the accompanying bar chart aggregates the same data by month. Both visualizations are rendered as SVG using React, with D3.js handling the geospatial projections, graticule, and histogram binning. The data comes from the Missing Migrants Project.

MMichael Bruno

92% match

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

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

90% match

Loading thumbnail…

Combined map and histogram

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.

FFonda Irena Santoso

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

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

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

90% match

Loading thumbnail…

React world map + migrant death/missing points + histogram

This visualization combines a world map with a histogram of migrant deaths and missing persons. The map uses a D3 natural Earth projection with SVG paths for land, borders, and graticules, overlaid with circles scaled by the square root of the reported deaths. Below, a time-based histogram bins monthly totals using d3.bin and displays them as rectangular bars. Data is loaded from CSV and TopoJSON sources, rendered with React, with tooltips showing counts and dates.

SSuperShreejit

89% match