Skip to main content
SimilarExport ZIP
100%

Brush Missing Migrants

✓ Published0🌍 Public
Ssophievanderhorst
Last edited Jun 3, 2021
Created on Apr 2, 2021

This interactive visualization shows global migrant deaths and disappearances, combining a world map with a time-series histogram. Users can brush over the histogram to filter the map, dynamically revealing incidents within a selected date range. The project uses React for state management, D3 v5 for map projections (`geoNaturalEarth1`), the `topojson` library for world atlas data, and D3's `brushX` for the brushing interaction. The rendered map and histogram are built with SVG elements, and the world atlas is sourced from the `world-atlas` package.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Brushing

This visualization combines a world map and a time-series histogram to explore global migrant deaths and disappearances. Brushing a date range in the histogram filters the circles on the map, which use `d3.scaleSqrt` scaling and `d3.geoPath` with a `geoNaturalEarth1` projection. The histogram bins monthly data with `d3.bin` and `timeMonths`, while the brush uses `brushX`. Data comes from a CSV of the Missing Migrants Project, overlaid on a TopoJSON world atlas.

CCarlos Caballero
94% match
Loading thumbnail…

Brushing Up on Missing Migrants

This interactive visualization combines a world map and a date histogram to explore global migrant deaths and disappearances. The map uses a Natural Earth projection with graticules and sized circles to depict the total number of dead and missing migrants by location. A linked brushing interface on the time-series histogram filters the map’s displayed points, updating in real time. Built with React and D3 v5, the visualization leverages `d3.geoPath`, `d3.scaleSqrt`, and `d3.brushX` to synchronize the views, drawing from the Missing Migrants Global Figures dataset.

BBrian Philip
93% match
Loading thumbnail…

brushing migrant data on a map

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. Users brush over the histogram to filter the map, which displays circles scaled by the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection with d3.geoPath, while the histogram leverages d3.bin and d3.brushX. Data comes from a CSV of Missing Migrants Global records, rendered with React and SVG.

BBlake McCarty
93% match
Loading thumbnail…

Missing Migrants: Part 5 - Brushing

This interactive visualization combines a world map with a time-series histogram to explore global migrant deaths and disappearances. The map displays circles scaled by the total number of dead and missing, using a natural Earth projection with `geoPath` and `geoNaturalEarth1`. A brushable histogram below, implemented with `brushX` and `scaleTime`, allows the user to filter the map by date range. The data comes from the Missing Migrants dataset, with React hooks managing state and D3 v5 handling rendering.

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

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