Multiple Views with Brushing

100%

Multiple Views with Brushing

✓ Published0🌍 Public

Last edited Mar 22, 2021

Created on Mar 20, 2021

A world map displays the geographic distribution of missing migrant events, sized by the total dead and missing count, using a natural Earth projection rendered with `d3.geoPath` and `d3.geoNaturalEarth1`. A time-series histogram below shows monthly deaths, rendered with `<rect>` elements, with brushing via `d3.brushX` to filter the map’s circles by date range. The app integrates React state for brushed selections, D3 scales for sizing and axes, and TopoJSON landmasses from World Atlas.

AI-generated description

A world map of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Country boundaries from World Atlas TopoJSON.

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Views with Brushing

A world map displays circles sized by the total number of dead and missing migrants per location, with a time-series histogram below showing monthly totals. Brushing a time range in the histogram filters the map’s circles to that period. The visualization uses React, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `brushX`, and `scaleSqrt`, rendering SVG with data from the Missing Migrants Project and world atlas TopoJSON.

MMurlidharSingh

93% match

Loading thumbnail…

Multiple Views with Brushing

A world map displays the locations and magnitudes of missing migrant incidents, sized by total dead and missing. A temporal bar chart below shows the corresponding monthly counts over time. Brushing a time range in the histogram filters the map’s circles to only incidents within that period. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world-atlas data, while the histogram uses `d3.bin`, `d3.scaleTime`, and `d3.brushX`, all rendered as SVG via React.

Zzyniax

93% match

Loading thumbnail…

Multiple Views with Brushing

Two synchronized views explore migrant deaths and disappearances: a bubble map using a natural Earth projection and a time-series histogram. Brushing a time range in the histogram filters the map’s circles, which are scaled by the square root of the total dead and missing. The React app uses `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.scaleSqrt`, and `d3.brushX`, with country boundaries from World Atlas TopoJSON and city data from Simplemaps. SVG rendering shows graticules, landmasses, and interactive months.

XXiaoleiGuo

93% match

Loading thumbnail…

Multiple Views with Brushing

A geographic map of the world displays cities, with circles sized by the "Total Dead and Missing" count. A time-series histogram at the bottom allows brushing to filter the map. The brush selection, implemented with `d3.brushX`, dynamically updates the visible data points. This example uses `d3.geoNaturalEarth1` projection and SVG rendering within a React framework, pulling from a CSV of missing migrant data.

AAnthony Zornig

92% match

Loading thumbnail…

Multiple Views with Brushing

A world map displays cities with missing migrant fatalities, sized by death toll, alongside a brushing-enabled time histogram of monthly casualties. Dragging the histogram’s brush filters the map’s circles to the selected date range. The visualization uses React, D3 v5 (d3.geoNaturalEarth1, d3.geoPath, d3.brushX, d3.bin), and TopoJSON world-atlas data, with SVG rendering.

CChen Ding

92% match

Loading thumbnail…

Multiple Views with Brushing

This example combines a world map and a time-series histogram to visualize migrant deaths. The map uses a natural Earth projection with graticules and land outlines, while circles sized by square-root scaling represent the dead and missing. The histogram bins the same data by date, and its interactive brush selection filters the map's circles, demonstrating linked views. The visualization uses React components, D3’s `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `bin`, and `brushX` for the interaction, with data sourced from a CSV of missing migrants.

KKai Stewart

92% match

Loading thumbnail…

Multiple Views with Brushing

A world map displays cities, with circle size encoding the total dead and missing; a time-series histogram below shows the same metric over time. Brushing a date range on the histogram filters the map’s circles to events within that span. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for the projection and graticules, while the histogram uses `d3.scaleTime`, `d3.histogram`, and `d3.brushX`. Data comes from a CSV of missing migrants, rendered as SVG within a React app.

EEdward-Elric233

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

92% match