Skip to main content
SimilarExport ZIP
100%

Migrant Deaths Linked Views with Fast Brushing using csv file

✓ Published0🌍 Public
CChase Hall
Last edited Jul 26, 2022
Created on Jul 25, 2022

This example shows global migrant deaths with a linked scatterplot and map. A brush on the time-series histogram filters the map’s circles by date range, which are sized proportionally to the number of dead or missing individuals. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for landmasses and graticules, while circles are rendered as SVG. The histogram uses `d3.bin`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.brushX` to enable fast linked filtering. Data comes from a CSV file with reported dates and coordinates.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This example shows global migrant deaths using a natural Earth projection world map, where circles sized by the square root of total dead and missing are placed at recorded coordinates. A linked time-series histogram below displays monthly death totals, and brushing a date range on the histogram filters the map’s circles in real time. The visualization uses React with hooks like `useMemo` for efficient re-renders, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `histogram`, and renders as SVG. Data comes from the Missing Migrants Global subset, with country boundaries from World Atlas TopoJSON.

CChris Briggs
93% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

A world map displays migrant deaths by location, with circle size proportional to the total dead and missing. A linked time-series histogram below shows monthly death totals and supports brush selection, filtering the map to show only deaths within the selected date range. The visualization uses React with D3 v5, including `geoNaturalEarth1` and `geoPath` for map rendering, `brushX` for interactive filtering, and `scaleSqrt` for circle sizing. Data comes from a CSV of Missing Migrants records, with country boundaries from World Atlas TopoJSON.

Jjwlam83
93% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This visualization presents migrant deaths across a world map, using a bubble map where circle size encodes the total dead and missing, and a linked time-series histogram of the same data. Users can brush the date histogram to filter the map to show only incidents within that time range. The implementation uses React with `useMemo` and `useEffect`, D3 v5 modules like `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `scaleSqrt`, `scaleTime`, and `brushX`, rendering to SVG. Data comes from a CSV of Missing Migrants Global records.

AAbdul Salam Almadani
92% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a brushed time-series histogram to explore the data through linked views. The map displays circles sized by the total dead and missing, while the histogram shows monthly totals; brushing a time range filters the map’s circles dynamically. The implementation uses React with `useMemo` for performance, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin` histogram, and renders to SVG. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

ZZhiheng Zhang
92% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization presents migrant deaths and missing persons with two linked views: a world map with scaled circles for total deaths and a brushing-enabled time histogram. Users brush over the monthly histogram to filter the map’s circles to show only incidents within that date range. The map uses `geoNaturalEarth1` projection with `geoPath` and `geoGraticule`, while the histogram aggregates data with `d3.histogram` and `brushX`. Circle radii are set with `scaleSqrt`, and React’s `useMemo` optimizes rendering. Data comes from a CSV of reported incidents.

SSarahKiyani
92% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This example shows migrant deaths worldwide with a bubble map and a linked time-series histogram. The map plots circles scaled by deaths per location, while the histogram displays monthly totals, with brushing on the histogram filtering the map's data. The visualization uses React with d3.v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and CSV data from a data-journalism repository.

XXiaoleiGuo
92% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

Linked views with brushing show migrant deaths on a world map and a time-series histogram of monthly totals. Brushing a time range on the histogram filters the map’s bubble markers to show deaths within that period. The map uses d3.geoNaturalEarth1 and d3.geoPath for country boundaries and graticules, while circle size encodes death counts via d3.scaleSqrt. The histogram uses d3.bin, d3.brushX, and React’s useMemo for performance. Data comes from the Missing Migrants Project subset CSV.

SSophia Murage
92% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a world map of migrant deaths with a linked time-series histogram. Users brush over the date histogram to filter the map’s bubble marks, which encode the total dead and missing per location. The map uses `d3.geoNaturalEarth1` with `d3.geoPath` for land, graticules, and interiors, while the histogram uses `d3.brushX` and `d3.bin`. React hooks like `useMemo` manage scales and filtered data, with data sourced from a CSV of missing migrants.

SSam
92% match