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

100%

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

✓ Published0🌍 Public

Last edited Nov 12, 2020

Created on Nov 12, 2020

Forked from MM on a Map Multiple Views with Brushing V2.1

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.

AI-generated description

A geojson World Map displaying Missing Migrants. City data sourced from Simplemaps: World Cities Database.

For some reason, the brushing on This One is much smoother

MIT Licensed

Similar vizzes

Loading thumbnail…

MM on a Map Multiple Views with Brushing V2.1

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.

AAndre J Denais

93% match

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

90% match

Loading thumbnail…

Multiple Views with Brushing

A world map displays missing migrant incidents as semi-transparent bubbles, with a linked time-series histogram beneath it showing monthly death tolls. Brushing a time range in the histogram filters the map to show only incidents within that period. The visualization uses React with D3 v5 APIs including `geoNaturalEarth1` and `geoPath` for the map, `brushX` for interactive selection, and `histogram` with `timeMonths` for binning. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ttharuta

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

89% match

Loading thumbnail…

Multiple Views with Brushing - Faster

Brushing a time-series histogram filters a world map of migrant disappearance incidents, with circles sized by the square-root-scaled death toll. The React app uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` for map projections, while `d3.scaleTime`, `d3.histogram`, and `d3.brushX` handle temporal binning and selection. Data comes from a CSV of Missing Migrants records, rendered as SVG with `useMemo` to cache computations.

RRMartins11

89% match

Loading thumbnail…

Multiple Views with Brushing Faster

A world map displays migrant fatalities with scaled circles, while a time-series histogram below shows monthly death counts. Brushing across the histogram filters the map’s circles to the selected date range. The visualization uses React with D3 v5 for `geoNaturalEarth1` projection, `geoPath`, `scaleSqrt`, `brushX`, and `bin` APIs. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ttharuta

89% 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…

Multiple Views with Brushing

A world map displays circles sized by the total number of dead and missing migrants, with a linked time-series histogram below showing monthly totals. Brushing a date range on the histogram filters the map circles to only those incidents within that period. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` for the map projection, `d3.brushX` for interactive selection, and `d3.bin` with `d3.timeMonths` for histogram binning. Data comes from a CSV of global missing migrants, rendered as SVG.

Wwindwaver

88% match