Skip to main content
SimilarExport ZIP
100%

Migrant Deaths Linked Views with Brushing

✓ Published0🌍 Public
XXiaoleiGuo
Last edited Aug 23, 2020
Created on Aug 23, 2020

This interactive visualization links a bubble map of migrant deaths with a brushing-enabled histogram. The map plots circles sized by total dead and missing using a square-root scale, while the histogram aggregates monthly totals. Users brush the time axis to filter the map to corresponding dates. The code uses React, D3 v5 APIs like `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `histogram`, with data from a CSV hosted on GitHub and world boundaries from TopoJSON.

AI-generated description

The final installment from the online course Datavis 2020.

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization links a geographic bubble map of migrant deaths with a time-series histogram, using brushing to filter data across both views. The map plots circles sized by the "Total Dead and Missing" count, while the histogram aggregates deaths by reported date. Selecting a time range in the histogram filters the map to show only incidents within that period. The implementation uses React with `useMemo` for performance, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `scaleTime`, `histogram`, and `brushX`, and renders as an SVG with data from a CSV and world-atlas TopoJSON.

XXiaoleiGuo
97% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization displays migrant deaths worldwide, with a bubble map showing the total dead and missing per location alongside a linked time series histogram. Users brush the date histogram to filter the map’s circles, revealing how fatalities vary over time. Built with React and d3.v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for circle sizing, and `d3.brushX` to coordinate the linked views. Data comes from a CSV of migrant death records with country boundaries from World Atlas TopoJSON.

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

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a world bubble map with a time-series histogram to explore migrant deaths and disappearances. Users can brush a time range in the histogram to filter which incidents appear on the map, linking the two views. The map uses a natural Earth projection via `d3.geoPath`, with circle radii scaled by the square root of the death count. The histogram aggregates monthly totals using `d3.bin`, and brushing is implemented with `d3.brushX`. Data comes from the Missing Migrants Project CSV, rendered with React and SVG.

HHwl98
96% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization presents migrant deaths on a world map using a bubble chart, with a linked time-series histogram below for brushing. It shows the geographic distribution of the “Total Dead and Missing” metric, sized with `d3.scaleSqrt`, while the histogram aggregates deaths by month. Users can brush the histogram to filter map bubbles. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` projection, `topojson` for land and interior boundaries, and `d3.brushX` for interactive selection. Data comes from the Missing Migrants Project.

MMinh Nguyen
96% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization uses a world map and a time-series histogram to explore migrant deaths. A linked brushing interface in the date histogram filters the bubble map, which uses `d3.geoNaturalEarth1` and `d3.geoPath` to render circle sizes proportional to deaths. The histogram bins data by month using `d3.histogram` and `brushX`. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON. React's `useMemo` optimizes rendering of the SVG marks.

Nnkohdatavis
96% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths worldwide. The map displays circles sized by the total number of dead and missing, using d3.geoNaturalEarth1 and d3.geoPath for geographic rendering. Users brush across the histogram’s time axis to filter the map, linked through React state. The histogram uses d3.bin, scaleTime, and brushX. Data comes from a CSV of Missing Migrants Global events, with country boundaries from World Atlas TopoJSON.

Nnkohdatavis
96% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a bubble map and a brushing-linked date histogram to explore migrant deaths recorded in 2019. The map uses a natural Earth projection with `d3.geoPath` to render country boundaries and graticules, while circle size encodes the total dead and missing per location. The histogram aggregates deaths by month using `d3.bin` and `d3.timeMonths`. Users can brush over the time axis with `d3.brushX`, filtering the map’s circles to show only incidents within the selected date range. Data comes from a CSV of the Missing Migrants Project, rendered as SVG with React’s `useMemo` for performance.

NNikhil
95% match