Skip to main content
SimilarExport ZIP
100%

Migrant Deaths Linked Views with Brushing

✓ Published0🌍 Public
Ssriramvsharma
Last edited Jul 23, 2020
Created on Jul 23, 2020

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.

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

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.

XXiaoleiGuo
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

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

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

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths worldwide. Users can brush a time range in the histogram to filter the map, with circle size representing the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection and d3.geoPath for country boundaries and graticules, while the histogram uses d3.bin and d3.brushX. Data comes from the Missing Migrants Project CSV, rendered as SVG in a React app with d3.v5.

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