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

100%

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

✓ Published1🌍 Public

Last edited Nov 12, 2020

Created on Nov 11, 2020

Forked from Missing Migrants on a Map Multiple Views

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.

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

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

90% match

Loading thumbnail…

Multiple Views with Brushing - Jan

This interactive visualization combines a bubble map and a date histogram to explore global missing migrant incidents. Users brush the histogram to filter the map by date range. The map uses a natural Earth projection with proportional circles sized by total dead and missing, rendered with d3.geoPath. The histogram aggregates data by month using d3.bin and d3.timeMonths. The brush is implemented with d3.brushX. Data comes from the Missing Migrants Project and world atlas TopoJSON, built with React and SVG.

Jj9magayanes

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

Loading thumbnail…

Multiple Views with Brushing

This example shows a world map of missing migrants, with circles sized by total dead and missing, alongside a time histogram of the same data. Brushing on the histogram filters the map to show only incidents within the selected date range. The visualization uses React with D3 v5, including `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.brushX` for brushing, and `d3.bin` for histogram binning. Data comes from the Missing Migrants Project, rendered as SVG.

Jjwlam83

88% match

Loading thumbnail…

Multiple Views with Brushing

This example shows a world map of missing migrant incidents, with bubbles sized by the total number of dead and missing. A time-series histogram below the map displays the same data binned by month. Brushing the histogram filters the map’s bubbles in real time. The visualization uses React for the component structure and `d3.geoNaturalEarth1` with `d3.geoPath` for the map, alongside `d3.brushX` and `d3.scaleTime` for the interactive filtering.

Ee-ines

88% match

Loading thumbnail…

Multiple Views with Brushing

This example combines a geographic bubble map with a time-series histogram, linked through interactive brushing. The map displays the total number of dead and missing migrants by location, with circle sizes scaled using d3.scaleSqrt, while the histogram aggregates the same data by month using d3.bin and d3.timeMonths. Dragging a brush across the histogram filters the map’s circles to show only incidents within the selected date range, implemented with d3.brushX and React state. Both views use SVG rendering via d3.geoNaturalEarth1 and d3.geoPath for the map, with data sourced from the Missing Migrants Project CSV.

BBen Seebeck

88% match

Loading thumbnail…

Multiple Views with Brushing

This example presents a global map of missing migrant incidents, with circles sized by the total number of dead or missing. A linked date histogram beneath the map allows brush selection to filter the map’s data points interactively. The visualization uses React with D3 v6, employing `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizing, and `bin` with `timeMonths` for the histogram. Brushing is implemented via `brushX` and `scaleTime.invert`. Data comes from the Data Canvas Sense Your City dataset.

CCodeDuckie99

88% match