Skip to main content
SimilarExport ZIP
100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
MMichael Behrisch
Last edited May 31, 2024
Created on May 31, 2024

A linked-view visualization combines a world map with a date histogram to explore migrant deaths. The map uses D3's `geoNaturalEarth1` projection to plot cities as circles scaled by the number of deaths. The histogram uses `scaleTime` binning and a brush to filter the map's displayed data. The implementation leverages React's `useMemo` for performance and D3 v5, with SVG marks drawn via `geoPath`.

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

A linked-view visualization plots migrant deaths on a world map using d3.geoNaturalEarth1 and d3.geoPath, with circle radii scaled by d3.scaleSqrt. A brushed date histogram using d3.brushX filters the map's circles. The histogram bins monthly totals with d3.histogram and scales. React's useMemo optimizes rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

YYedrup
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a time-series histogram, enabling linked brushing to filter events by date. The map uses a natural Earth projection with scaled circles, while the histogram aggregates monthly death tolls. Built with React and D3 v5, it employs `d3.geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and reusable components. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ggzm17
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This example shows a linked-view visualization of migrant deaths, combining a world map with a time-series histogram. The map displays circles sized by the total number of dead and missing individuals, while the histogram below allows brushing over time to filter the map’s data. The project uses React with `useMemo` for performance, D3’s `geoNaturalEarth1` and `geoPath` for map rendering, and `brushX` for interactive filtering. Data comes from a CSV of global missing migrants, with country boundaries from World Atlas TopoJSON.

Xxclonikx
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

A linked-view visualization combines a bubble map and a time-series histogram to explore migrant deaths. The map projects incident locations using a natural Earth projection, with bubble size scaled by the square root of total dead and missing. A brush on the histogram filters the map's bubbles in real time. The code uses `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.brushX`, and React's `useMemo` for efficient recomputation. Data comes from the Missing Migrants Project, and the visualization leverages D3 v5 and React for rendering.

Ddr-rompecabezas
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map and a time-series histogram to explore migrant deaths, supporting linked views with fast brushing. The map displays the geographic distribution of deaths as circles, sized by the total dead and missing, while brushing over the histogram filters the map’s data. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, and `brushX` for interactive filtering. Country boundaries come from World Atlas TopoJSON, while the migrant dataset is loaded from a CSV.

JJonathan Lee
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization links a world map and a time-series histogram to explore migrant deaths. The map uses a Natural Earth projection with circle sizes scaled by the square root of death counts, while the histogram aggregates total deaths by month. A brush on the histogram filters the map’s data. Built with React and D3 (v5), it uses `d3.geoPath`, `d3.scaleSqrt`, `d3.histogram`, and `d3.brushX`. Data comes from a CSV of Missing Migrants records.

EEniyah
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

A linked-view dashboard maps migrant deaths by location and time using a D3 world map with proportional circles and a brushed time-series histogram. The React app uses d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for filtering, and d3.bin for temporal aggregation. City coordinates and death counts come from the Missing Migrants Project dataset, while country boundaries use TopoJSON from world-atlas.

Kka40
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. 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
94% match