Fork of Worldmap with missing migrants

100%

Fork of Worldmap with missing migrants

✓ Published0🌍 Public

Last edited Nov 24, 2021

Created on Nov 22, 2021

This interactive visualization combines a world map with a time-series histogram to explore missing migrant incidents. The map displays circles scaled by the total number of dead and missing using a d3-geoNaturalEarth1 projection and geoPath, while the histogram aggregates monthly totals. A d3.brushX selection on the histogram filters the map’s displayed data. The code uses React, d3.v7, and topojson for world atlas features, with data from a CSV of global missing migrants.

AI-generated description

MIT Licensed

Similar vizzes

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

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

91% match

Loading thumbnail…

Fork of World Map migrants

This visualization displays a world map with semi-transparent circles marking locations of missing migrants, sized proportionally to the total number of dead and missing individuals. Using React, d3.geoNaturalEarth1, and d3.geoPath, it renders land boundaries, interiors, graticules, and a sphere. Circle radii are scaled with d3.scaleSqrt based on data from a CSV dataset, which is loaded via d3.csv and combined with World Atlas TopoJSON for geographic features.

Mmarianamartins87

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

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

91% match

Loading thumbnail…

Missing migrants on a map

This interactive visualization plots the locations of missing migrants worldwide as semi-transparent maroon circles on a world map, with circle size proportional to the count of dead and missing individuals. A linked time-series histogram below the map shows monthly totals and includes a brush control that filters the map to show only incidents within the selected date range. The map uses a `geoNaturalEarth1` projection rendered via `d3.geoPath`, while the histogram employs `d3.bin`, `d3.scaleTime`, and `d3.brushX`. Data comes from the Missing Migrants Project subset loaded with `d3.csv`; the world atlas geometry uses TopoJSON from the `world-atlas` package.

FFrederick O'Brien

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

90% match

Loading thumbnail…

Fork of Missing Migrants Multiple Views

A world map displays circles sized by the square-root-scaled 'Total Dead and Missing' count for each migrant incident location, alongside a monthly histogram of the same metric over time. The visualization uses D3's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to render the map, while a `histogram` with monthly `thresholds` and `scaleTime`/`scaleLinear` axes drive the bar chart. Data comes from a CSV of Missing Migrants Global incidents, with the React app fetching both it and the world atlas TopoJSON.

SSam

90% match