Migrant Deaths Linked Views with Brushing

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.

Migrant Deaths Linked Views with Brushing

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.

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.

Migrant Deaths Linked Views with Brushing

This example presents a linked-view visualization of migrant deaths using a world map and a time-series histogram. A bubble map shows the geographic distribution of fatalities, while a brushed date histogram filters the map to show data within a selected time range. The visualization uses React with `useMemo` for performance optimization, D3 v5 for map projection (`geoNaturalEarth1`), geographic paths (`geoPath`), and scales (`scaleSqrt`, `scaleTime`), as well as `brushX` for interactive brushing. Data is loaded from a CSV dataset, and country boundaries come from World Atlas TopoJSON.

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

Migrant Deaths Linked Views with Brushing

This example uses linked views to explore migrant deaths. A world map displays circles scaled by the total dead and missing, sized with a square root scale. A time-series histogram below shows monthly death counts, with a brushing tool to select a date range. Brushing filters the map to show only data within that period. The visualization is built with React and D3, using `d3.geoPath` for the map, `d3.scaleTime`, `d3.histogram`, and `d3.brushX` for brushing. Data comes from the Missing Migrants Project, and the map uses Natural Earth land outlines and graticules.

Migrant Deaths Linked Views with Brushing

A choropleth-style bubble map shows migrant deaths by location, with a linked time-series histogram below. Brushing the histogram filters the map circles in real time, revealing temporal patterns. The visualization uses React with D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin` for monthly aggregation. City coordinates and death counts come from CSV data, while country boundaries use TopoJSON from World Atlas, rendered as SVG with graticules and polished styling.

Aarths-glitch

95% match

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a world map and a time-series histogram to explore migrant deaths. The map displays proportional circles for each incident, with the histogram below showing the temporal distribution of casualties. Users can brush over a time range in the histogram to filter the map, highlighting only incidents within that period. Built with React and D3, it uses `d3.geoPath` for geographic projections, `d3.scaleSqrt` for circle sizing, and linked views through shared state.