Fork of Missing Migrants on a Map

100%

Fork of Missing Migrants on a Map

✓ Published0🌍 Public

Last edited Nov 30, 2024

Created on Nov 29, 2024

This example visualizes the Missing Migrants Dataset as a bubble map, where each circle represents a single event and its radius encodes the total number of dead and missing individuals. The map uses a natural Earth projection, with country boundaries and graticules rendered via d3.geoPath. A second panel displays a date histogram of the same data, binned by month using d3.bin and scaled with d3.scaleTime and d3.scaleLinear. The visualization is built with React and D3 v5, rendering SVG elements, with data loaded from a CSV and world atlas TopoJSON.

AI-generated description

A world map of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Country boundaries from World Atlas TopoJSON.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization combines a bubble map and a date histogram to explore the Missing Migrants dataset. A world map uses scaled circles to show the total dead and missing for each event, with circle sizes determined by a square-root scale. The lower chart displays monthly totals of dead and missing over time. The project uses React with D3 v5 for data processing and rendering, including `d3.geoNaturalEarth1` for map projections, `d3.geoPath` for drawing geographic features, and `d3.csv` to load the data.

Wweny1109

96% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization combines a bubble map and a date histogram to show the geographic distribution and timing of missing migrant events. Each circle on the map represents an event, with its radius scaled by the total number of dead and missing, projected using `d3.geoNaturalEarth1` and drawn with `d3.geoPath`. Below, the histogram aggregates monthly totals from the same dataset. The code uses React for component structure, D3 v5 for scales and geographic rendering, and loads data from a CSV of the Missing Migrants Dataset alongside TopoJSON world atlas boundaries.

AAnkit-Ian-53787

96% match

Loading thumbnail…

Fork of Missing migrants on a Map

This visualization combines a bubble map and a date histogram to show missing migrants globally. The map uses d3.geoNaturalEarth1 projection with d3.geoPath to render world land masses, while circles sized by d3.scaleSqrt represent the total dead and missing per location. The histogram below uses d3.bin and d3.timeMonths to aggregate the same metric by reported date, with axes rendered by custom React components. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, and the world atlas TopoJSON is processed with topojson.feature and topojson.mesh.

Bbsolomon103

95% match

Loading thumbnail…

Fork of Missing Migrants of a map

This visualization combines a bubble map with a time-series histogram to display missing migrant incidents. Migrant deaths and disappearances are plotted as semi-transparent circles on a natural Earth projection using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle size scaled via `d3.scaleSqrt` by total casualties. Below the map, a date histogram aggregates the same data by month, using `d3.bin`, `d3.scaleTime`, and `d3.scaleLinear` to show temporal patterns. The map and chart both render as SVG elements within a React component, pulling data from a Missing Migrants CSV subset and world atlas TopoJSON.

Ssophievanderhorst

94% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This example visualizes the Missing Migrants Dataset, where each circle represents a single recorded event and its radius encodes the total number of dead and missing. The map uses a Natural Earth projection rendered with `d3.geoPath`, while country boundaries come from the world-atlas TopoJSON file. The visualization is built in React, with size scaling handled by `d3.scaleSqrt` and data loading through `d3.csv`. Each point is drawn as an SVG circle with a semi-transparent fill.

YYedrup

94% match

Loading thumbnail…

Fork of Missing Migrants on a Map

A world map displays missing migrant events as semi-transparent circles, with circle size scaled by the square root of the total dead and missing count per event. A time-series bar chart below aggregates the same metric by month. The visualization uses React for component structure, d3.geoNaturalEarth1 and d3.geoPath for map projection, d3.scaleSqrt for circle sizing, and d3.bin with d3.timeMonths for histogram binning. Data comes from the Missing Migrants Dataset, with country boundaries from World Atlas TopoJSON.

Ttrissentety

93% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization combines a world map with a date histogram to show the geographic distribution and temporal trends of missing migrants. The map uses a bubble chart with circle size scaled by the total number of dead and missing, projected using `d3.geoNaturalEarth1` and rendered with `d3.geoPath`. The histogram bins reported dates by month and aggregates deaths using `d3.bin` and `d3.sum`. Data comes from a CSV of Missing Migrants incidents, with map boundaries from the world-atlas TopoJSON. Both components use React with D3 v7 for scales and SVG rendering.

LLove Wessman

93% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization displays the Missing Migrants dataset on a world map, with each circle representing a single event where migrants have died or gone missing. The circle radius encodes the total number of dead and missing using a square-root size scale. It renders geographic basemap features using `d3.geoPath` with a Natural Earth projection, including land polygons, graticules, and country interiors from the world-atlas TopoJSON source. The D3 `geoGraticule` and `geoNaturalEarth1` functions generate the map framework, while React manages the state and SVG rendering.

Kkzaiets

93% match