Fork of Migrant Deaths Linked Views with Fast Brushing

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

Fork of Migrant Deaths Linked Views with Fast Brushing

This is a linked-view visualization of migrant deaths and disappearances, showing a world map with circles scaled by the total dead and missing, alongside a time-brushed histogram. The map uses a natural Earth projection with graticules and country boundaries from the World Atlas TopoJSON. Data comes from the Missing Migrants Global 2019 subset, parsed via `d3.csv`. The histograms use `d3.scaleTime` and `d3.histogram` to bin monthly totals, while `d3.brushX` filters the map by date. React's `useMemo` and `useRef` optimize rendering performance.

RRoma

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

Fork of Migrant Deaths Linked Views with Fast Brushing

Llfting96

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

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

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

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