Skip to main content
SimilarExport ZIP
100%

MM on a Map Multiple Views with Brushing V2.1

✓ Published1🌍 Public
AAndre J Denais
Last edited Dec 30, 2020
Created on Nov 12, 2020

The visualization shows global missing migrant incidents on an equal Earth projection map, with bubble size representing deaths and missing persons. A brushed date histogram below the map filters the displayed bubbles by reported date range. The React application uses D3 v5 modules including `geoPath`, `geoEqualEarth`, `geoGraticule`, `brushX`, and `scaleSqrt` for proportional sizing. World boundaries come from TopoJSON data, while migrant statistics load from a CSV file. SVG rendering displays the geographic features and interactive histogram, supporting linked-view brushing between the temporal and spatial components.

AI-generated description

A geojson World Map displaying Missing Migrants.

MIT Licensed

Similar vizzes

Loading thumbnail…

MM on a Map Multiple Views with Brushing V2 (Slow)

This visualization presents missing migrant incidents on a world map using scaled bubble markers, with a linked date histogram below for temporal brushing. Selecting a date range filters the map markers accordingly. The example uses React for component structure, while d3.geoEqualEarth and d3.geoPath render the geographic basemap from TopoJSON world-atlas data, with d3.bin and d3.brushX handling the histogram aggregation and brushing interaction.

AAndre J Denais
94% match
Loading thumbnail…

MM on a Map Multiple Views with Brushing V2.3 (Curran'sFastBrush)

This interactive visualization presents global missing migrant incidents on a natural Earth projection map, with a linked time-series histogram showing monthly death tolls. Users brush across the histogram’s time axis to filter which incident circles appear on the map, with circle sizes scaled by death counts via `scaleSqrt`. The React app uses D3 v5’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` for map rendering, `brushX` for selection, and `topojson` for world atlas features. Incident data comes from a CSV of Missing Migrants reports with geographic coordinates parsed into `[longitude, latitude]` pairs.

AAndre J Denais
93% 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
90% 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
90% 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
90% 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
90% 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
89% match
Loading thumbnail…

Analyzing missing migrants data by Multiple Views with Brushing

A choropleth-style bubble map displays global locations of missing migrants, with circle size encoding the total dead and missing count. A brushed date histogram below filters the map to show only incidents within a selected time range. The visualization uses React, D3 v5’s `geoPath` with `geoNaturalEarth1` projection, `scaleSqrt` for bubble radii, and `brushX` for interactive filtering. Data comes from the Missing Migrants Project CSV, rendered as SVG with World Atlas TopoJSON country boundaries.

Bblackbottt
89% match