Skip to main content
SimilarExport ZIP
100%

Missing Migrants (part 7) : Optimizing performance

✓ Published0🌍 Public
JJun Suzuki
Last edited Nov 25, 2021
Created on Nov 25, 2021

A dashboard maps migrant deaths worldwide alongside a time-series histogram, with a linked brush filtering the map’s circles by date range. Built with React and D3 v7, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `brushX` for interactive filtering. The histogram aggregates monthly totals via `bin` and `timeMonths`, with axes rendered from `scaleTime` and `scaleLinear`. Data comes from the Missing Migrants Project CSV, with geographic boundaries from TopoJSON.

AI-generated description

Dataset about migrants deaths from Missing Migrants Project.

MIT Licensed

Similar vizzes

Loading thumbnail…

Analyzing Missing Migrants Part VII - Performance Optimization

This interactive visualization displays missing migrant incidents on a global map, with a histogram below showing the total dead and missing over time. Users can brush the histogram to filter the map's circles. The map uses a natural Earth projection with graticules, rendered using `d3.geoPath`. The dashboard is built with React and leverages `d3.bin` and `d3.scaleSqrt`. Data comes from the Missing Migrants Project, filtered via `d3.brushX`.

WWolfgang
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
90% match
Loading thumbnail…

Optimized 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.

RRichardPearce60
90% match
Loading thumbnail…

Missing Migrants on a World Map over Time with Brushing (Performance)

This visualization shows missing migrant incidents worldwide, with each death or disappearance represented as a bubble on a world map whose size reflects the reported death toll. Users can brush over a time-series below the map to filter incidents by date, revealing temporal patterns in migration routes. The example uses D3 v7’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for map rendering, while React manages state and updates. Data comes from the Missing Migrants Project CSV, and the implementation demonstrates performance optimizations for rendering large numbers of points as SVG circles.

KKathi7-dot
89% match
Loading thumbnail…

Missing Migrants: Part 5 - Brushing

This interactive visualization combines a world map with a time-series histogram to explore global migrant deaths and disappearances. The map displays circles scaled by the total number of dead and missing, using a natural Earth projection with `geoPath` and `geoNaturalEarth1`. A brushable histogram below, implemented with `brushX` and `scaleTime`, allows the user to filter the map by date range. The data comes from the Missing Migrants dataset, with React hooks managing state and D3 v5 handling rendering.

Zzeeeeem
89% 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
89% match
Loading thumbnail…

Missing Migrants on a Map with a Brush Part 2

This visualization shows global migrant deaths and disappearances over time and location. A brushed timeline at the bottom filters the bubble map above, which uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, with circle radii scaled by the total dead and missing per incident. The histogram uses `d3.bin`, `d3.scaleTime`, and `d3.brushX` to select date ranges, driving React state updates that filter the map’s displayed data.

Jjbruzzo
89% match
Loading thumbnail…

Missing Migrant Part V [Brushing]

This interactive visualization combines a world map and a time-series histogram to explore deaths and missing persons from the Missing Migrant Project dataset. A date-brushing histogram at the bottom filters the circles on the map above, showing incidents within the selected time range. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with circle sizes scaled by `d3.scaleSqrt` based on the total dead and missing count. The histogram applies `d3.bin` for monthly aggregation and `d3.brushX` for interactive selection, all rendered as SVG in React.

Aadewole-top
89% match