Migrants Multi View w/ Brushing

100%

Migrants Multi View w/ Brushing

✓ Published1🌍 Public

Last edited Mar 23, 2021

Created on Mar 22, 2021

This visualization shows a map of missing migrants alongside a time-series histogram, with interactive brushing to filter data across both views. Geographic coordinates are plotted as bubbles on a natural Earth projection using `d3.geoNaturalEarth1` and `d3.geoPath`, sized by the square-root scale of the total dead and missing count. A lower date histogram, built with `d3.bin` and `d3.timeMonths`, uses `d3.brushX` to select a temporal range, which dynamically filters the rendered circles on the map. The React-sourced data comes from a CSV of Missing Migrants Global records rendered as SVG.

AI-generated description

Scatter Plot with time series data. All date and time data needs to follow (ISO 8601) time and date formatting for proper plotting. [https://en.wikipedia.org/wiki/ISO_8601].

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Multiple Views, with Brushing

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.

LLove Wessman

94% match

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

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

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

93% match

Loading thumbnail…

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

93% match

Loading thumbnail…

Multi-view of Missing Migrants w/ Brushing

This interactive visualization combines a bubble map and a time bar to explore missing migrant incidents worldwide. A brushed time range filters the map’s circles, which scale by total dead and missing. The map uses `d3.geoEquirectangular` and `d3.geoPath` for land, graticules, and interiors. The bar chart bins data monthly via `d3.histogram` and `d3.timeMonths`, with `d3.brushX` enabling temporal selection. Data comes from a CSV of global missing migrant reports.

Ssmile2git

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

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

92% match