Migrant Deaths Linked Views with Brushing

Migrant Deaths Linked Views with Brushing

This interactive visualization presents migrant deaths through two linked views: a world map with proportional circles and a time-series histogram. Users brush a date range in the histogram to filter which data points appear on the map. Built with React and D3 v5, the map uses d3.geoNaturalEarth1 and d3.geoPath for geographic rendering, while the histogram employs d3.histogram, d3.scaleTime, and d3.brushX for interactive filtering. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

Ssriramvsharma

96% match

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.

96% match

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

This visualization links a world map of migrant deaths with a time-series histogram, using brushing to filter data across both views. The map displays circles sized by the total dead and missing, while the histogram shows monthly totals, with brush selection updating the map's highlighted points. Built with React and D3 v5, it uses d3.geoNaturalEarth1 and d3.geoPath for the map, d3.scaleSqrt for circle sizing, and d3.brushX for interactive filtering. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

NNikhil

Migrant Deaths Linked Views with Brushing

This visualization presents migrant deaths worldwide through a linked-view design. A world map displays proportional circles representing total dead and missing individuals, using a square root scale for sizing. Below, a histogram aggregates the same data by month, with brushing enabled through `d3.brushX` to filter the map’s circles based on the selected time range. The map is rendered with `d3.geoNaturalEarth1` and `d3.geoPath`, while React’s `useMemo` optimizes rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

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.

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