Skip to main content
SimilarExport ZIP
100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
Ffreyr4
Last edited Mar 29, 2022
Created on Mar 29, 2022

This visualization combines a natural Earth projection bubble map with a linked time-series histogram to explore migrant deaths and missing persons. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries from World Atlas TopoJSON, with circle sizes scaled by total dead and missing via `d3.scaleSqrt`. A brushable histogram using `d3.brushX` filters map points by reported date, while React’s `useMemo` optimizes rendering performance. Data comes from the Missing Migrants Project CSV subset.

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 shows migrant deaths and missing persons on a world map, with a linked time-series histogram below. Brushing a time range in the histogram filters the map’s bubble radii, which encode total dead and missing counts per location. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and spheres from TopoJSON data, while React’s `useMemo` and `useEffect` manage efficient rendering. The histogram is built with `d3.bin`, `d3.scaleTime`, and `d3.brushX` for interactive filtering.

KKirsten Lund
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a bubble map and a date histogram to explore migrant deaths. The map uses a natural Earth projection to display circles sized by the total dead and missing, while the histogram aggregates the same data by month. A brush on the histogram filters the map’s circles, using React’s `useMemo` for efficient updates. The implementation leverages D3 v5 APIs like `geoNaturalEarth1`, `scaleSqrt`, and `brushX`, with data from the Missing Migrants Project and country boundaries from World Atlas TopoJSON.

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

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization links a world map of migrant deaths with a time-series histogram, filtering the map’s bubbles by brushing over dates. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizes, and `brushX` to select date ranges. The scatterplot-like map marks cities with circles whose radii reflect total dead and missing, while the histogram bars aggregate monthly totals. Data comes from the Missing Migrants Project subset, with country boundaries from World Atlas TopoJSON, and rendering uses SVG with `useMemo` for performance.

Mmuwu16
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization displays migrant deaths and missing persons on a world map, with bubble size proportional to the total dead and missing per location. A linked date histogram below allows brushing to filter the map by time period. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for map rendering, `scaleSqrt` for bubble sizing, and `brushX` for interactive filtering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

RRoberto
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world bubble map and a time-series histogram to explore migrant deaths globally. The map uses a natural Earth projection with `d3.geoPath` and `d3.geoNaturalEarth1` to plot points sized by `scaleSqrt` based on the "Total Dead and Missing" value. A `d3.brushX` on the timeline filters the map’s circles in real time, while `useMemo` optimizes rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

CCheng Tang
96% 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
96% 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
96% match