Skip to main content
SimilarExport ZIP
100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
KKirsten Lund
Last edited Feb 15, 2021
Created on Feb 15, 2021

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.

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

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map and a time-series histogram to explore migrant deaths. The map displays circles sized by the number of dead and missing migrants, while the histogram shows monthly totals. Users can brush over the histogram to filter the map’s circles dynamically. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for geographic rendering, while the histogram employs `d3.brushX` and `d3.bin` for aggregation. React’s `useMemo` optimizes rendering performance. Data comes from the Missing Migrants Project CSV.

Bbigstonecompany
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map and time-series histogram to explore migrant deaths and disappearances. The map displays circles sized by total dead and missing using a square-root scale, while the histogram shows monthly totals. Brushing the histogram filters the map’s circles in real time via React state and d3.brushX. The map uses d3.geoNaturalEarth1, d3.geoPath, and graticules from the World Atlas TopoJSON, with data from the Missing Migrants Project. React’s useMemo optimizes rendering of both static geographic features and dynamic data updates.

Hhenry c
97% 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. It plots the number of dead and missing per reported date, with circles on the map sized by total deaths. Users brush the histogram’s time axis to filter the map’s data points. The map uses the natural Earth projection from `d3` and `d3.geoPath`, while the histogram uses `d3.scaleLinear`, `d3.scaleTime`, and `d3.histogram` for binning. React’s `useMemo` optimizes rendering, and the data is loaded via `d3.csv`.

JJZ-93
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization displays migrant deaths and missing persons on a world map, with a time-series histogram below. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render landmasses, graticules, and country boundaries, while circles sized by `scaleSqrt` represent death counts from a CSV dataset. A brushable histogram, built with `brushX` and `scaleTime`, filters the map's data points by date range. React's `useMemo` optimizes the rendering of static geographic layers for performance.

SstellaWangg
97% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization displays migrant deaths and missing persons on a world map, with a time-series histogram below. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render landmasses, graticules, and country boundaries, while circles sized by `scaleSqrt` represent death counts from a CSV dataset. A brushable histogram, built with `brushX` and `scaleTime`, filters the map's data points by date range. React's `useMemo` optimizes the rendering of static geographic layers for performance.

SstellaWangg
97% 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
97% match