Skip to main content
SimilarExport ZIP
100%

Missing Migrants Brushing with React & D3

✓ Published1🌍 Public
MManon ROMAIN
Last edited Oct 24, 2021
Created on Oct 24, 2021

The visualization displays the global distribution of missing migrants and their incident dates, using a world map and a linked time-series histogram. Brushing a time range in the histogram filters the map’s circles, which are sized by the total number of dead and missing per incident. The map uses `d3.geoEqualEarth` projection, `d3.geoPath`, and `d3.geoGraticule`, while the histogram applies `d3.bin` and `d3.brushX`. Data comes from a CSV of missing migrant incidents up to 2021.

AI-generated description

Loading Data with React & D3

MIT Licensed

Similar vizzes

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
94% 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
94% match
Loading thumbnail…

Missing Migrants with Brushing

This visualization uses a world map with bubbles to show the total number of dead and missing migrants, with bubble size scaled by the square root of the count. A time-series histogram below the map displays the same data binned by month, and users can brush over this chart to filter the map to only show incidents within the selected time range. The map is rendered using `d3.geoPath` with natural Earth projection and graticules, while the histogram uses `d3.scaleTime`, `d3.histogram`, and `d3.brushX` for interactive filtering. Data comes from the Missing Migrants Project CSV, and all rendering is done in SVG within a React framework.

Ppnlinyz
92% match
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
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 migrant brushing

This visualization combines a bar chart and a world map to show missing migrant incidents over time, with brushing on the bar chart filtering the map’s displayed data points. The bar chart bins reported dates by month using `d3.histogram` and `d3.timeMonths`, while the map projects locations with `d3.geoNaturalEarth1` and sizes circles by death counts with `d3.scaleSqrt`. A `brushX` selection on the bar chart updates the map’s filtered cities in real time. Data comes from a CSV of Missing Migrants Global 2019 records, rendered with React and SVG.

GGuitong Li
92% match
Loading thumbnail…

Missing Migrants Multiple Views with Brushing React Performance Optimization

This visualization shows the geographic distribution and temporal trends of missing migrants worldwide, with a bubble map of incident locations and a linked date histogram for time-based filtering. Brushing the histogram filters the map’s circles in real time. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, `d3.scaleSqrt` for bubble sizing, and `d3.brushX` for interactive selection, with `useMemo` and `useEffect` optimizing performance. Data comes from the Missing Migrants Project CSV.

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