Migrant Deaths Linked Views with Brushing

100%

Migrant Deaths Linked Views with Brushing

✓ Published0🌍 Public

Last edited Aug 21, 2020

Created on Aug 21, 2020

Forked from 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.

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

97% match

Loading thumbnail…

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.

XXiaoleiGuo

96% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

A world map plots migrant deaths by location, with circle size proportional to the number of dead and missing. A time-series histogram below shows the deaths aggregated by month, and brushing a time range filters the map to only show incidents within that period. Built with React, the visualization uses d3.geoNaturalEarth1 and d3.geoPath for map projections, d3.scaleSqrt for bubble sizing, and d3.brushX for interactive temporal selection. Data comes from the Missing Migrants Project CSV, with country boundaries from the World Atlas TopoJSON.

ZZarak

96% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

ZZarak

96% match

Loading thumbnail…

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

96% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

The visualization depicts migrant deaths and missing persons through a world map of proportional circles, paired with a time-series histogram of monthly totals. Brushing a date range in the histogram filters the map circles to show only incidents within that period, using linked views. The map uses `d3.geoPath` with a Natural Earth projection for landmasses and graticules, while the histogram employs `d3.scaleTime`, `d3.brushX`, and `d3.bin`. Data comes from the Missing Migrants Project, with React’s `useMemo` optimizing performance.

PPabloEscargot

96% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

A world map displays migrant deaths by city, with circle size proportional to the total dead and missing. A date histogram below shows the temporal distribution of these deaths, and users can brush over a time range to filter the map to only show cities with deaths in that period. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for circle sizing, and `d3.brushX` for interactive selection. Data comes from a CSV of migrant deaths, and country boundaries are rendered from the World Atlas TopoJSON.

Kkemee

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

96% match