Skip to main content
SimilarExport ZIP
100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
DDavid Brum Soares
Last edited Aug 27, 2024
Created on Aug 27, 2024

This interactive visualization displays reported migrant deaths and missing persons globally, plotted as circles on a natural Earth projection with graticules. A linked date histogram below enables temporal brushing with `d3.brushX`, filtering the map’s circles in real time. Built with React and `d3.geoPath` for map rendering, it uses `d3.scaleSqrt` for circle sizing and `d3.histogram` for binning. Data comes from the Missing Migrants Project CSV, with world atlas TopoJSON providing country boundaries.

AI-generated description

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…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map with a linked time-series histogram to explore migrant deaths and missing persons. The map displays circles sized by the total dead and missing per location, while the histogram shows monthly totals, with a brushable selection filtering the map in real time. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for map rendering and `brushX` for interactive filtering. Data comes from the Missing Migrants Global dataset, with country boundaries from World Atlas TopoJSON.

PPiotr Paszek
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization links a world map with a time-series histogram to explore migrant deaths. The map displays circles scaled by the total number of dead and missing migrants, while the histogram shows the same data aggregated by month. Users can brush over the histogram to filter the map dynamically. Built with React and D3 v5, it uses `geoNaturalEarth1` projection and `brushX` for interaction. Data comes from the Missing Migrants Project, with country boundaries from the World Atlas TopoJSON.

Ccwlronald
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization links a world map of migrant deaths with a monthly histogram, using fast brushing to filter the map by date range. The bubble map renders circles scaled by total dead and missing using a square-root scale, while the date histogram employs d3.brushX for selection. Built with React and d3.geoPath, it displays natural Earth land, graticules, and graticule interiors. Data comes from the Missing Migrants Global 2019 subset, sourced from Simplemaps and World Atlas TopoJSON.

RRoland
95% match
Loading thumbnail…

Fork of Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization presents global migrant deaths using a linked-view design, combining an interactive world map and a brushing histogram. A D3 `geoNaturalEarth1` projection renders country boundaries and graticules, while the map displays circles scaled proportionally to the number of dead and missing migrants. Dragging a brush across the time-based histogram filters the map in real-time, highlighting only deaths within the selected date range. Built with React and D3 v5, it uses `d3.scaleSqrt`, `d3.bin`, and `d3.brushX` for data processing and interaction. Data comes from the Missing Migrants Project, sourced as a CSV file.

KKiernan Nesslar
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization presents migrant deaths and disappearances worldwide, linking a bubble map to a brushing-enabled date histogram. The map projects each incident's coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle sizes scaled to the death toll. The histogram aggregates monthly totals, and brushing a time range filters the map in real-time. Built with React and D3 v5, it renders vector graphics via SVG, sourcing data from the Missing Migrants Global dataset and world atlas TopoJSON.

Hhimchan94
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization displays migrant deaths and missing persons globally, with a bubble map showing total dead and missing per location and a linked date histogram below. Brushing a time range in the histogram filters the map bubbles to show only incidents within that period. The visualization uses React with D3 v5 for computing projections via `geoNaturalEarth1`, rendering map features with `geoPath`, and brushing with `brushX`. Data comes from the Missing Migrants Global dataset, with country boundaries from the World Atlas TopoJSON.

EEjenavi16
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map of migrant deaths with a linked time-series histogram, enabling rapid filtering through brushing. The map uses a natural Earth projection with `d3.geoPath` to render country boundaries and graticules, while circles sized by `d3.scaleSqrt` represent the total dead and missing per location. The histogram aggregates monthly totals using `d3.bin` and `d3.timeMonths`, with a `d3.brushX` selection that instantly filters the map’s displayed data. Built with React hooks and D3 v5, it renders in SVG from a subset of the Missing Migrants Global dataset.

Cchar0496
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a linked time-series histogram. The map shows circles sized by the total dead and missing, while the histogram displays monthly totals. Users can brush over the histogram to filter the map’s circles to the selected date range. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `brushX` for interactive filtering. Data comes from the Missing Migrants Project, and the code leverages `useMemo` for performance optimization.

Llfting96
95% match