Skip to main content
SimilarExport ZIP
100%

Missing Migrants Multiple Views, with Brushing

✓ Published0🌍 Public
LLove Wessman
Last edited Mar 4, 2022
Created on Feb 1, 2022

This example visualizes missing migrant incidents worldwide with a bubble map and a brushing-linked date histogram. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle sizes scaled by `d3.scaleSqrt` to represent the total dead and missing per incident. The histogram, built with `d3.bin` and `d3.scaleTime`, shows monthly totals and supports brushing via `d3.brushX`; when a date range is selected, the map filters its circles to matching incidents. Both views share data from a CSV of global missing migrants, rendered as SVG within React.

AI-generated description

A world map showing country boundaries and city locations with populations of over 50 000

City data source: https://gist.github.com/curran/13d30e855d48cdd6f22acdf0afe27286

Spatial data source: https://unpkg.com/world-atlas@2.0.2/countries-50m.json

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Multiple Views with Brushing

This interactive visualization combines a natural Earth projection bubble map of missing migrants with a linked brushing-enabled date histogram. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses from TopoJSON, with circle radii scaled by d3.scaleSqrt based on total dead and missing counts. The histogram bins monthly totals via d3.bin and d3.timeMonths, and the d3.brushX selection filters map circles in real time. Both views use SVG rendering within a React framework, loading data from a CSV of Missing Migrants Global incidents.

KKevin McMorrow
96% match
Loading thumbnail…

Missing Migrants Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global missing migrant data from a CSV dataset. Users can brush across the histogram to filter the map by date range, with linked views updating simultaneously. The map uses d3.geoNaturalEarth1 projection and d3.geoPath for country boundaries, while the histogram applies d3.bin with timeMonths thresholds and d3.brushX for selection. React manages state for the brush extent, and d3.scaleSqrt sizes bubbles by the total dead and missing count.

MMichael Bergerson
96% 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
95% match
Loading thumbnail…

Missing Migrants Multiple Views wtih Brushing

This interactive visualization combines a bubble map and a time-series histogram to explore global migrant deaths. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render landmasses, with circle size scaled by the square root of the total dead and missing. A brushable date histogram, built with `scaleTime` and `histogram`, allows users to filter the map by date range, dynamically updating the displayed data. Both views are implemented as React components using D3 scales and SVG rendering.

Nnpelliccia
94% match
Loading thumbnail…

Missing Migrants - Multiple Views w Brushing

This visualization presents global missing migrant incidents using two linked views. A world map displays incidents as proportional circles, sized by the total dead and missing, using `d3.geoNaturalEarth1` projection and `d3.geoPath` for map features. A time-series histogram beneath, built with `d3.bin` and `d3.scaleTime`, aggregates counts by reported date. Brushing the histogram with `d3.brushX` filters the map’s circles, dynamically updating the geographic view. Data comes from a CSV of missing migrant reports, with map base layers rendered as SVG paths.

PPeter Krevenets
94% match
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
94% match
Loading thumbnail…

Missing migrants multiple views with brushing

The visualization presents global migrant deaths and disappearances through two linked views: a bubble map and a time-series histogram. Brushing a time range on the histogram filters the map’s circles, which are scaled by the square root of the death count. Built with React, it uses D3 v7 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin`. Data comes from a CSV of Missing Migrants records, rendered as SVG marks over world atlas topography.

KKolezhannochka
94% match
Loading thumbnail…

Missing Migrants Multiple Views with Brush

This visualization presents global missing migrant incidents through a linked bubble map and time-based histogram. The map uses a natural Earth projection with translucent circles scaled by death counts, while the histogram aggregates monthly totals. A brush on the histogram filters the map’s displayed data in real time, enabling temporal exploration. Built with React and D3 v6, it employs `geoNaturalEarth1`, `scaleSqrt`, `bin`, `brushX`, and TopoJSON world atlas data from the Missing Migrants Project dataset.

RRMartins11
94% match