Skip to main content
SimilarExport ZIP
100%

Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
Ddr-rompecabezas
Last edited May 22, 2021
Created on May 22, 2021

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.

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 interactive visualization displays migrant deaths worldwide using a linked-view design. A bubble map shows the geographic locations of casualties, with circle size proportional to the total dead and missing, while a time-series histogram below aggregates deaths by reported date. Users can brush over the histogram to filter the map, updating the visualization in real time. The project uses React with D3 v5 APIs including `geoPath`, `geoNaturalEarth1`, `scaleSqrt`, `scaleTime`, `brushX`, and `histogram`. Data originates from the Missing Migrants Project, with geographic boundaries from the World Atlas TopoJSON.

Rrathan.ramesh00@gmail.com
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization links a bubble map and a date histogram to explore migrant deaths, filtering the map to show only incidents within the brushed time range. The map uses a natural Earth projection with SVG circles sized by death counts, while the histogram aggregates monthly totals. Built with React and D3 v5, it uses `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.brushX`, and `scaleSqrt`. Data comes from the Missing Migrants Global dataset, with the brush interaction triggering fast, reactive updates to the map.

Bbbarchu
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization presents migrant deaths worldwide using a bubble map and a linked date histogram. It shows the geographic distribution of fatalities with circle size representing the total dead and missing, while a time-based bar chart allows brushing to filter the map. The code uses React with `useMemo` for performance, and it employs d3 functions like `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `scaleSqrt`, `scaleTime`, `histogram`, and `brushX`. Data comes from the Missing Migrants Project, rendered in SVG with a custom color scheme for map elements.

Llfting96
96% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This linked-view visualization plots migrant deaths and missing persons on a natural Earth projection map, with a time-series histogram below. A brush on the histogram filters the map’s circles, which are scaled by the square-root of total dead and missing. The code uses D3 v5 modules like `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `scaleSqrt`, `scaleTime`, and `brushX`, integrated within React’s `useMemo` and `useEffect` hooks. Data is loaded via `d3.csv` from a Missing Migrants Project subset, with SVG rendering for both the map and histogram.

Mm4au312
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization tracks migrant deaths and disappearances through linked views: a world map with sized bubbles and a time-series histogram. Data comes from the Missing Migrants Project, filtered by brushing the histogram. The code uses D3 v5 for geo projection (`geoNaturalEarth1`, `geoPath`), scales, histogram binning with `timeMonths`, and `brushX`, all rendered as SVG within a React framework. Brushing updates the map’s circles to reflect the selected date range.

SSpeedo8769
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world bubble map of migrant deaths with a linked time-series histogram. Brushing on the histogram filters the map’s circles to show deaths within the selected date range. The map uses a d3.geoNaturalEarth1 projection via d3.geoPath, while the histogram uses d3.brushX, d3.bin, and scaleTime. React’s useMemo optimizes rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Kka40
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

A geographic bubble map displays migrant deaths by location, linked to a time-series histogram below. The map uses a natural Earth projection with graticules, while the histogram shows monthly death counts. Brushing the histogram filters the map’s circles in real time. The visualization uses React with d3.js v5, including `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.scaleSqrt`, `d3.scaleTime`, and `d3.brushX`. Data comes from a CSV of Missing Migrants records.

Eevers-codeshop-ai
95% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a bubble map and a time-series histogram to explore migrant deaths worldwide. The map displays the total dead and missing per location with circle size scaled by magnitude, while the histogram shows monthly totals that can be brushed to filter the map dynamically. Built with React and D3 v5, the visualization uses `d3.geoNaturalEarth1` for projections, `d3.brushX` for linked brushing, and `d3.bin` to aggregate data into monthly bins. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

NNick Constantine
95% match