Optimized Brushing Missing Migrants Data

100%

Optimized Brushing Missing Migrants Data

✓ Published0🌍 Public

Last edited Mar 1, 2022

Created on Mar 1, 2022

Forked from Brushing Missing Migrants Data

This interactive dashboard visualizes missing migrant incidents worldwide, combining a bubble map with a brushing histogram. A world map shows the geographic distribution and magnitude of casualties via scaled circles, while a time-based histogram below allows users to brush a date range, filtering the map to display only incidents within that period. Built with React and D3 v7, the visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` for map projections, `d3.bin` for histogram aggregation, and `d3.brushX` for interactive selection, with data sourced from the Missing Migrants Project.

AI-generated description

World map... [Population Data] https://gist.githubusercontent.com/curran/13d30e855d48cdd6f22acdf0afe27286/raw/0635f14817ec634833bb904a47594cc2f5f9dbf8/worldcities_clean.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Multiple View with Brushing

This interactive visualization combines a global bubble map and a time-series histogram to explore missing migrant incidents. Users can brush over the histogram to filter the map, which displays circles sized by the total dead and missing count. The map uses d3.geoNaturalEarth1 and d3.geoPath for geographic rendering, while the histogram employs d3.bin and d3.brushX for temporal aggregation and selection. Data comes from a CSV of missing migrants and world atlas TopoJSON, rendered with React and SVG.

JJohn Huang

93% match

Loading thumbnail…

Missing Migrants Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore global missing migrant incidents. Users brush over the histogram to filter the map, revealing the geographic distribution of deaths and missing persons within a selected time range. The map uses a natural Earth projection with proportional circle sizes for death counts, while the histogram aggregates monthly totals. Built with D3.js v7 and React, it employs `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.bin`, `d3.brushX`, and `d3.scaleSqrt` for data processing and rendering as SVG elements. Data comes from a CSV of Missing Migrants Global incidents.

KKazushige Okuma

92% match

Loading thumbnail…

Missing Migrants - Brushing

This interactive visualization combines a world map and a time-series histogram to explore data on missing migrants. Brushing on the histogram filters the map’s bubble marks, which are sized by the total dead and missing using a square-root scale. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules from TopoJSON, while the histogram employs `d3.bin`, `d3.brushX`, and scales for time and linear values. React manages state and rendering, with D3 v5 handling data loading and axes.

SSai Phaltankar

92% match

Loading thumbnail…

Missing Migrants with Brushing

This visualization uses a world map with bubbles to show the total number of dead and missing migrants, with bubble size scaled by the square root of the count. A time-series histogram below the map displays the same data binned by month, and users can brush over this chart to filter the map to only show incidents within the selected time range. The map is rendered using `d3.geoPath` with natural Earth projection and graticules, while the histogram uses `d3.scaleTime`, `d3.histogram`, and `d3.brushX` for interactive filtering. Data comes from the Missing Migrants Project CSV, and all rendering is done in SVG within a React framework.

Ppnlinyz

92% match

Loading thumbnail…

Missing Migrants Dataset - Brushing

This visualization combines a world map with a histogram of missing migrant deaths over time. Users brush a date range on the histogram to filter circles on the map, which show incident locations scaled by death count. It uses React with D3 v7 for rendering, including d3.geoNaturalEarth1 and d3.geoPath for the map, d3.bin for histogram aggregation, and d3.brushX for interaction. Data comes from the Missing Migrants Project CSV, with map geometry from the world-atlas TopoJSON.

KK3zter

92% match

Loading thumbnail…

brushing migrant data on a map

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. Users brush over the histogram to filter the map, which displays circles scaled by the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection with d3.geoPath, while the histogram leverages d3.bin and d3.brushX. Data comes from a CSV of Missing Migrants Global records, rendered with React and SVG.

BBlake McCarty

92% match

Loading thumbnail…

Missing Migrants with Brushing

This visualization combines a world map and a time-series histogram to explore the Missing Migrants Dataset. A bubble map plots each migrant death or disappearance event, with circle radius scaled by the total dead and missing count using `d3.scaleSqrt`. Below, a bar chart aggregates deaths by month, and users can brush over the time axis with `d3.brushX` to filter the map, highlighting events within the selected date range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with world-atlas TopoJSON data, while the React components manage state and rendering.

AAlex Stulov

92% match

Loading thumbnail…

Missing Migrants Multiple Views with Brushing React Performance Optimization

This visualization shows the geographic distribution and temporal trends of missing migrants worldwide, with a bubble map of incident locations and a linked date histogram for time-based filtering. Brushing the histogram filters the map’s circles in real time. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, `d3.scaleSqrt` for bubble sizing, and `d3.brushX` for interactive selection, with `useMemo` and `useEffect` optimizing performance. Data comes from the Missing Migrants Project CSV.

MMichael Bergerson

92% match