Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
Ppranav-vis
Last edited Oct 12, 2021
Created on Oct 12, 2021

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

AI-generated description

Rendering CSS named colors from MDN.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map - Multiple Views w/brushing

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.

Ppranav-vis
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
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 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
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…

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
92% 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
91% match
Loading thumbnail…

Migrants Multi View w/ Brushing

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.

AAndres de la Garza
91% match