Fork of Fork of Migrants with brushing

100%

Fork of Fork of Migrants with brushing

✓ Published0🌍 Public

Last edited Sep 20, 2022

Created on Jun 7, 2022

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.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

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

This visualization combines a world map of migrant deaths with a linked time-series histogram. A brush on the histogram filters the map’s circles by date range. The map uses a D3 natural Earth projection with clipped graticules, while the histogram bins monthly totals. React manages state, and D3’s `brushX` and `scaleSqrt` drive the interaction and circle sizing. Data comes from a CSV of global missing migrant incidents.

AAndres de la Garza

93% 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. The map displays circles scaled by the total number of dead and missing migrants, while the histogram shows the same data aggregated by month. Users can brush over the histogram to filter the map dynamically. Built with React and D3 v5, it uses `geoNaturalEarth1` projection and `brushX` for interaction. Data comes from the Missing Migrants Project, with country boundaries from the World Atlas TopoJSON.

Ccwlronald

92% match

Loading thumbnail…

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

92% 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

92% 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. The map displays circles scaled by the total dead and missing, while the histogram bins the same data by reported date and supports brush selection to filter the map in real time. It uses D3 v5 for geographic projections, time binning, and brushing, with React managing the state and rendering SVG elements. The world map is based on the World Atlas TopoJSON, while migrant data is loaded from a CSV of the Missing Migrants Project.

CCheng Tang

92% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization shows missing migrants worldwide, with a bubble map displaying locations scaled by death count and a date histogram showing monthly totals. Users brush the histogram’s time axis to filter the map, updating circles dynamically. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map projection, `d3.bin` and `d3.brushX` for the histogram and brushing, and SVG for rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

PPrakash Khunti

92% match

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization presents migrant deaths and disappearances worldwide, linking a bubble map to a brushing-enabled date histogram. The map projects each incident's coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle sizes scaled to the death toll. The histogram aggregates monthly totals, and brushing a time range filters the map in real-time. Built with React and D3 v5, it renders vector graphics via SVG, sourcing data from the Missing Migrants Global dataset and world atlas TopoJSON.

Hhimchan94

91% 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

91% match