Missing Migrants on a Map with Fast Brushing Bars (V1)

100%

Missing Migrants on a Map with Fast Brushing Bars (V1)

✓ Published3🌍 Public

Last edited Mar 10, 2021

Created on Nov 9, 2020

Forked from Missing Migrants on a Map Multiple Views

A world map uses semi-transparent circles to show the geographic distribution of missing migrants, with circle size encoding the total number dead or missing per location. A brushed time-series histogram below the map filters the displayed circles to a selected date range, updating the map dynamically. The visualization is built with React and D3 v5, using `geoNaturalEarth1` and `geoPath` for the map projection, `scaleSqrt` for circle sizing, and `brushX` for the interactive time filter. Data comes from a CSV of migrant incidents sourced from Simplemaps.

AI-generated description

A geojson World Map displaying Missing Migrants. City data sourced from Simplemaps: World Cities Database.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map with Fast Brushing Bars

A world map shows the global distribution of missing migrants, with circle sizes scaled by the total number of dead and missing per location. A time-series bar chart beneath the map displays the same totals aggregated by month. Brushing a time range on the chart immediately filters the map’s circles to show only incidents within that period. The visualization uses D3 v5 for geographic projections, histograms, and brushing, with React managing state and rendering SVG elements. Data comes from a CSV of migrant incidents, while country boundaries are drawn from TopoJSON.

AAndre J Denais

95% match

Loading thumbnail…

Missing Migrants on a Map with Brushing

This visualization combines a natural Earth projection map and a time-series histogram to explore missing migrant incidents. A brushing interaction on the date histogram filters the map’s proportional circles, which encode the total dead and missing per location. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with World Atlas TopoJSON data, while the histogram aggregates monthly totals using `d3.bin` and `d3.brushX`. Rendering is done in SVG with React, and the dataset comes from the Missing Migrants Project.

CChris Knight

92% match

Loading thumbnail…

Missing Migrants with Brushing

This visualization combines a world map and a time-series histogram to explore the Missing Migrants Dataset. A bubble map plots each migrant death or disappearance event, with circle radius scaled by the total dead and missing count using `d3.scaleSqrt`. Below, a bar chart aggregates deaths by month, and users can brush over the time axis with `d3.brushX` to filter the map, highlighting events within the selected date range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with world-atlas TopoJSON data, while the React components manage state and rendering.

AAlex Stulov

92% match

Loading thumbnail…

Missing Migrants - Brushing

This interactive visualization combines a world map and a time-series histogram to explore data on missing migrants. Brushing on the histogram filters the map’s bubble marks, which are sized by the total dead and missing using a square-root scale. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules from TopoJSON, while the histogram employs `d3.bin`, `d3.brushX`, and scales for time and linear values. React manages state and rendering, with D3 v5 handling data loading and axes.

SSai Phaltankar

92% match

Loading thumbnail…

Missing Migrants Dataset - Brushing

This visualization combines a world map with a histogram of missing migrant deaths over time. Users brush a date range on the histogram to filter circles on the map, which show incident locations scaled by death count. It uses React with D3 v7 for rendering, including d3.geoNaturalEarth1 and d3.geoPath for the map, d3.bin for histogram aggregation, and d3.brushX for interaction. Data comes from the Missing Migrants Project CSV, with map geometry from the world-atlas TopoJSON.

KK3zter

92% match

Loading thumbnail…

Missing Migrants: Multiple Views with Brushing

A world map displays circles sized by the total number of dead and missing migrants per location, using a natural Earth projection from d3.geoNaturalEarth1. A linked date histogram below charts monthly totals, with a brushX brush that filters the map to the selected time range. The visualization uses React with d3.v5, SVG rendering, and data from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

RRiccardo De Lucia

92% match

Loading thumbnail…

Missing Migrants on a Map (Multiple Views w/ Brushing)

This example visualizes missing and deceased migrants on a world map, with a linked time-series bar chart below. Brushing the histogram filters the map’s circles by date range, while hovering any circle reveals its location, date, and total count. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for the sphere, graticules, and country outlines, with circle radii scaled by `d3.scaleSqrt`. The histogram aggregates data monthly via `d3.histogram` and `timeMonths`, with brushing implemented through `d3.brushX`. Data comes from a CSV of global migrant incidents, rendered in SVG.

PPhronesis

92% match

Loading thumbnail…

Missing Migrants on a Map with a Brush

This interactive visualization combines a natural Earth projection bubble map with a time-series histogram to explore recorded missing migrant incidents. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses and graticules, with circle sizes scaled by d3.scaleSqrt according to total deaths. The bottom histogram bins incidents by reported date using d3.bin and d3.timeMonths, aggregating values with d3.sum. Both views draw from a CSV of Missing Migrants data, with the map plotting coordinates and the histogram showing temporal trends.

Jjbruzzo

92% match