Missing Migrants on a Map - Multiple Views w/brushing

100%

Missing Migrants on a Map - Multiple Views w/brushing

✓ Published1🌍 Public

Last edited Sep 20, 2021

Created on Sep 19, 2021

Forked from Missing Migrants on a Map - Multiple Views

A map of global migrant deaths and disappearances is paired with a time-series histogram, allowing brushing on the histogram to filter the map’s bubbles. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with circle radii scaled by `d3.scaleSqrt`. The histogram bins monthly reported incidents using `d3.histogram` and a time scale, while `d3.brushX` enables selection. The data comes from a CSV of Missing Migrants Global 2021 reports, rendered in React with D3 v7 into SVG.

AI-generated description

Rendering CSS named colors from MDN.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map - Multiple Views with Brushing (done)

This visualization shows the global distribution of missing migrants using a natural Earth projection map with bubble markers sized by death counts. A synchronized date histogram below enables temporal brushing, filtering the map’s circles to reflect the selected time range. The React app uses D3 v7 APIs including `geoNaturalEarth1`, `geoPath`, `geoGraticule`, and `brushX` for linked views, while rendering land and graticule paths as SVG with CSS styling. Data comes from a simplified Missing Migrants CSV, loaded via `d3.csv`.

Ppranav-vis

94% match

Loading thumbnail…

Missing Migrants on a Map (Multiple Views w/ Brushing)

This example visualizes missing and deceased migrants on a world map, with a linked time-series bar chart below. Brushing the histogram filters the map’s circles by date range, while hovering any circle reveals its location, date, and total count. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for the sphere, graticules, and country outlines, with circle radii scaled by `d3.scaleSqrt`. The histogram aggregates data monthly via `d3.histogram` and `timeMonths`, with brushing implemented through `d3.brushX`. Data comes from a CSV of global migrant incidents, rendered in SVG.

PPhronesis

93% match

Loading thumbnail…

Fork of Missing Migrants on a Map - Multiple Views w/brushing (retry)

This interactive map visualizes global migrant deaths and disappearances, with bubble size representing the total dead and missing per incident. A linked time-series histogram below displays the same data aggregated by month, enabling users to observe temporal trends. The visualization uses D3 v7 for data processing and rendering, with a React frontend. The map employs `d3.geoNaturalEarth1` projection for spatial data, while the histogram uses `d3.scaleTime` for temporal binning. D3's `brushX` API enables interactive time-range selection, though the code currently lacks a visible data-filtering mechanism. Data comes from a CSV file of Missing Migrants Project records.

Ppranav-vis

93% match

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

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

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 (part 6) : Multiple Views with Brushing

Two coordinated views of migrant deaths worldwide from the Missing Migrants Project dataset show a world map with proportional circles and a time-series histogram. Brushing a time range in the histogram with `d3.brushX` filters the map’s circles to incidents within that period. The map uses `geoNaturalEarth1` and `geoPath` for the sphere, graticule, and landmasses, while the histogram bins monthly totals via `d3.bin` and `timeMonths`. Both views render in SVG with React.

JJun Suzuki

92% match