Fork of Migrants Multi View w/ Brushing (Performance Optimized)

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

Fork of Fork of Migrants with brushing

This interactive visualization combines a world map with a brushing timeline to explore migration data. The map uses a natural Earth projection with graticules and country boundaries from the World Atlas TopoJSON, rendering migrant deaths and missing persons as semi-transparent circles scaled by square root. A time-series histogram below displays monthly totals, and users can brush across it to filter the map. The visualization is built with React, D3 v5 for geographic projections, scales, and brushing, and SVG for rendering.

DDannyLord

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization links a world map of migrant deaths to a time-series histogram, enabling fast brushing to filter the map by date range. The map uses a Natural Earth projection with graticules, while the histogram aggregates monthly totals using D3's binning and scaleTime. React's useMemo optimizes rendering, and brushX interactions update the filtered data. The map plots circles scaled by the square root of deaths, with data sourced from a CSV of migrant incidents.

Mmengdong

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

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

Fork of Multiple Views with Brushing

This interactive visualization combines a world map of migrant deaths with a time-series histogram, allowing users to brush over the date axis to filter the map's data points. The map uses a natural Earth projection and size-scaled circles with D3's geospatial utilities, while the histogram presents monthly death counts. React manages the state and rendering, and D3's `brushX` API enables the linked selection between both views. The data comes from the Missing Migrants Global dataset, sourced from Simplemaps.

CCristina Macaraig

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization links a world map of migrant deaths with a brushable time-series histogram, enabling filtering by date range. The map uses d3.geoNaturalEarth1 projection, d3.geoPath, and TopoJSON world atlas data, with bubble sizes scaled by total dead and missing via d3.scaleSqrt. The histogram aggregates monthly totals using d3.bin and d3.sum, while React’s useMemo and a d3.brushX selection provide fast linked brushing. Data comes from a CSV of Missing Migrants Global records.

KKamal Bahadur Rana

Migrants Multi View w/ Brushing (Performance Optimized)

This interactive visualization combines a bubble map of migrant deaths with a time-series histogram, linked through brushing. Dragging across the histogram filters the map to show incidents within the selected date range. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to render world landmasses, while circle size encodes the total dead and missing via `d3.scaleSqrt`. The histogram bins data monthly using `d3.histogram` and `d3.timeMonths`, with a `d3.brushX` for interactive filtering. All rendering uses SVG within a React framework, with performance optimized through `useMemo` and `d3.v5`.

AAndres de la Garza