Analyzing Missing Migrants (Multiple Views w/ Brushing)

100%

Analyzing Missing Migrants (Multiple Views w/ Brushing)

✓ Published0🌍 Public

Last edited Jan 1, 2021

Created on Nov 13, 2020

Forked from Analyzing Missing Migrants (Multiple Views)

This interactive visualization explores global migration incidents, showing a world map with circles sized by the total number of dead and missing migrants at each location. Below, a date histogram displays the monthly sum of casualties, and users can brush across this timeline to filter which incidents appear on the map. The map uses a natural Earth projection via `d3.geoPath` for land and graticule rendering, while the histogram and brushing rely on `d3.scaleTime`, `d3.histogram`, and `brushX`. Data comes from the Missing Migrants Project CSV, rendered as SVG circles with square-root scaling.

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…

Analyzing Missing Migrants with Brushing

This interactive visualization analyzes missing migrant incidents through two linked views: a world map and a time-series histogram. The map displays each incident as a circle, with its radius scaled to the number of dead or missing, while the histogram shows monthly totals. Brushing over the histogram filters the map, updating the displayed circles in real time. Built with React and D3 v5, it uses `d3.geoPath` and `d3.geoGraticule` for geographic projections, `d3.brushX` for the selection interaction, and `d3.bin` for aggregating the data over time. Data is sourced from a CSV of global missing migrant records.

MMichael Bruno

94% match

Loading thumbnail…

Missing Migrants Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore global missing migrant incidents. Users brush over the histogram to filter the map, revealing the geographic distribution of deaths and missing persons within a selected time range. The map uses a natural Earth projection with proportional circle sizes for death counts, while the histogram aggregates monthly totals. Built with D3.js v7 and React, it employs `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.bin`, `d3.brushX`, and `d3.scaleSqrt` for data processing and rendering as SVG elements. Data comes from a CSV of Missing Migrants Global incidents.

KKazushige Okuma

94% match

Loading thumbnail…

Brushing Missing Migrants Multiple Views

This interactive visualization combines a world map and a time-series histogram to explore missing migrant incidents. Users can brush over the histogram to filter the map, which displays proportional circles sized by the total number of dead and missing individuals. The map uses a natural Earth projection with graticules and country borders, rendered with SVG via React. Data comes from the Missing Migrants Project and is aggregated by month using d3.bin. The linked views are implemented with d3.scaleSqrt for circle sizing and d3.brushX for the interactive selection.

TTatyana Milanova

94% match

Loading thumbnail…

Missing Migrants Multiple Views, with Brushing

This example visualizes missing migrant incidents worldwide with a bubble map and a brushing-linked date histogram. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle sizes scaled by `d3.scaleSqrt` to represent the total dead and missing per incident. The histogram, built with `d3.bin` and `d3.scaleTime`, shows monthly totals and supports brushing via `d3.brushX`; when a date range is selected, the map filters its circles to matching incidents. Both views share data from a CSV of global missing migrants, rendered as SVG within React.

LLove Wessman

93% match

Loading thumbnail…

Missing Migrants Multiple Views with Brushing

This interactive visualization combines a natural Earth projection bubble map of missing migrants with a linked brushing-enabled date histogram. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses from TopoJSON, with circle radii scaled by d3.scaleSqrt based on total dead and missing counts. The histogram bins monthly totals via d3.bin and d3.timeMonths, and the d3.brushX selection filters map circles in real time. Both views use SVG rendering within a React framework, loading data from a CSV of Missing Migrants Global incidents.

KKevin McMorrow

93% match

Loading thumbnail…

Missing Migrants Multiple View with Brushing

This interactive visualization combines a global bubble map and a time-series histogram to explore missing migrant incidents. Users can brush over the histogram to filter the map, which displays circles sized by the total dead and missing count. The map uses d3.geoNaturalEarth1 and d3.geoPath for geographic rendering, while the histogram employs d3.bin and d3.brushX for temporal aggregation and selection. Data comes from a CSV of missing migrants and world atlas TopoJSON, rendered with React and SVG.

JJohn Huang

93% match

Loading thumbnail…

Missing Migrants Multiple Views wtih Brushing

This interactive visualization combines a bubble map and a time-series histogram to explore global migrant deaths. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render landmasses, with circle size scaled by the square root of the total dead and missing. A brushable date histogram, built with `scaleTime` and `histogram`, allows users to filter the map by date range, dynamically updating the displayed data. Both views are implemented as React components using D3 scales and SVG rendering.

Nnpelliccia

93% match

Loading thumbnail…

Analyzing Missing Migrants Part VI - Multiple Views with Brushing

This interactive visualization combines a bubble map and a time-series histogram to explore the Missing Migrants Project dataset. A brush on the histogram filters the map circles by date range, updating the displayed migrant deaths and disappearances across global coordinates. The map uses `geoNaturalEarth1` and `geoPath` with TopoJSON world atlas data, while the histogram uses `d3.bin`, `timeMonths`, and `brushX`. Both views render as SVG with React, using `scaleSqrt` for bubble radii and `scaleTime`/`scaleLinear` for axes.

WWolfgang

93% match