Missing Migrants on a Map with a Brush

100%

Missing Migrants on a Map with a Brush

✓ Published1🌍 Public

Last edited Jul 3, 2022

Created on Jul 3, 2022

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.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.

Plotting the SF temeprature dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a World Map w/ Histogram & Brushing feature

This example visualizes missing migrant incidents worldwide, combining a natural Earth projection map with a histogram of monthly reported deaths and missing persons. Users brush over the histogram to filter which incidents appear as sized circles on the map, with circle radii encoding the total dead and missing. The visualization uses d3.geoPath for map rendering, d3.bin and d3.timeMonths for histogram binning, and d3.brushX for interactive filtering. The underlying data comes from the Missing Migrants Project subset CSV, with world geography sourced from TopoJSON 50m land data.

Hhunsingeruk@gmail.com

94% match

Loading thumbnail…

Missing migrants on a map

This interactive visualization combines a bubble map of missing migrants with a time-series histogram. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, with circle radii scaled by the square root of the total dead and missing count via `d3.scaleSqrt`. The histogram below, built with `d3.scaleTime`, `d3.scaleLinear`, and `d3.histogram`, displays monthly totals and supports brushing (`d3.brushX`) to filter the map by date range. Data is loaded from a CSV using `d3.csv`.

TTakuya Kitazawa

94% match

Loading thumbnail…

Missing Migrants on a Map

This interactive visualization combines a world map with a histogram to display missing migrant data over time. A natural Earth projection shows the geographic distribution of incidents, with circle size encoding the total number of dead and missing per location. A date histogram below aggregates these figures by month, using d3.bin and d3.scaleTime for temporal grouping. The visualization is built with React and D3 v5, using d3.geoPath for map rendering and d3.scaleSqrt for proportional circle sizing based on data from the Missing Migrants Project.

BBrian Philip

94% match

Loading thumbnail…

Missing Migrants a Map

This visualization combines a bubble map and a date histogram to show the locations and timing of missing migrant incidents. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circles scaled by the square root of the total dead and missing per location. The histogram bins the data by month using `d3.bin` and `d3.timeMonths`. Both views use React components and D3 scales, with data from the Missing Migrants Project and country boundaries from World Atlas TopoJSON.

Ttharuta

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

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

94% match

Loading thumbnail…

Missing migrants map and histogram

This visualization combines a natural Earth projection bubble map with a time-series histogram to show the geographic distribution and monthly totals of missing migrants. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circle areas scaled by the square root of deaths via d3.scaleSqrt. The histogram below bins reported dates into monthly intervals using d3.histogram and sums the corresponding casualties. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, with React managing the composite SVG layout.

AAndrea Picciau

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