Fork of Missing Migrants of a map

100%

Fork of Missing Migrants of a map

✓ Published1🌍 Public

Last edited Apr 2, 2021

Created on Apr 2, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

96% match

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

94% match

Loading thumbnail…

Fork of Missing Migrants Multiple Views

This visualization combines a bubble map and a date histogram to show missing migrant incidents. The map uses a natural Earth projection with graticules to display circles scaled by the total dead and missing, while the histogram aggregates deaths by month. Both views use React and D3 v5, with the map relying on `geoNaturalEarth1`, `geoPath`, and `scaleSqrt`, and the histogram using `bin` and `scaleTime`. Data comes from a CSV of migrant incidents, with country boundaries from World Atlas TopoJSON.

Cchar0496

94% match

Loading thumbnail…

Fork of Missing Migrants Multiple Views

This visualization combines a bubble map and a date histogram to explore global incidents of missing migrants. The map uses D3’s `geoNaturalEarth1` projection and `geoPath` to render country boundaries and graticules, with circle radii scaled by `scaleSqrt` based on reported deaths. The histogram aggregates monthly totals using D3’s `histogram` binning and `scaleTime`. Both views are built as React components with SVG, fetching data from a CSV of missing migrants and a TopoJSON world atlas.

YYedrup

94% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This interactive visualization combines a world map and a time-series bar chart to display the global distribution and monthly totals of missing migrants. The map uses D3’s `geoNaturalEarth1` projection with `geoPath` and `geoGraticule` to render landmasses and graticules, while circles sized by square-root scale represent the count of dead and missing per incident. A synchronized date histogram below, built with D3’s `bin` and `timeMonths`, aggregates the same data over time. The chart is rendered as an SVG using React, with data from a CSV of the Missing Migrants Global dataset.

CCodeDuckie99

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