Skip to main content
SimilarExport ZIP
100%

Multiple Views with Brushing

✓ Published0🌍 Public
Ddaneslutzky
Last edited Oct 20, 2021
Created on Oct 19, 2021
Forked from Multiple Views

Two coordinated views show global migration incidents, with a scatterplot-style map on top and a date histogram below. A temporal brush on the histogram filters the geographic bubble map, which uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to render the world atlas. The histogram uses `d3.bin`, `d3.timeMonths`, and `d3.scaleSqrt` for the bubble sizing, while `d3.brushX` enables interactive selection. Deceased and missing migrant totals drive both the bubble radii and histogram bar heights.

AI-generated description

A scatterplot that shows working with time data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Views with Brushing

This example shows global migration incidents through a bubble map and a linked time-series histogram. Brushing a time range in the histogram filters the circles displayed on the map, revealing spatial patterns of events. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for world boundaries, while the histogram uses `d3.bin` and `d3.brushX`. Data comes from a CSV of Missing Migrants, with circle size scaled by `d3.scaleSqrt` based on reported deaths.

Ddumbdataguy@gmail.com
94% match
Loading thumbnail…

Multiple Views with Brushing

This example combines a world map of migration incidents with a time-series histogram below it. Brushing on the histogram filters the map’s circles, which scale by the total dead and missing. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world-atlas land and graticules, while the histogram bins `d3.timeMonths` and sums values. Data comes from the Missing Migrants Project CSV, rendered as SVG via React with D3 scales.

Yyuzhang21
93% match
Loading thumbnail…

Multiple Views with Brushing

This example pairs a natural Earth bubble map with a time-series histogram, both rendered as SVG, to visualize global migrant deaths and disappearances. Brushing on the histogram filters the map’s circles in real time, showing only incidents within the selected date range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for projections and country boundaries from TopoJSON, while the histogram aggregates monthly totals with `d3.bin` and `d3.sum`. Data comes from the Missing Migrants Project, with circle sizing scaled by `d3.scaleSqrt`. React manages state, and D3’s `brushX` drives the interactive filtering.

ZZG
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
Loading thumbnail…

Multiple Views with Brushing

This example combines a world map and a timeline to visualize migration incidents, using brushing to link the two views. The map displays circles sized by the total dead and missing, while the histogram below shows monthly totals. Dragging a brush on the histogram filters the map to show only incidents within the selected time range. The visualization uses React for components, d3.geoNaturalEarth1 and d3.geoPath for the map, d3.brushX for interaction, and d3.bin for histogram binning, drawing with SVG.

Mmkt-ds
92% match
Loading thumbnail…

Multiple Views with Brushing - Working

This example displays migration incidents on a world map with bubble markers sized by the total number of dead and missing, alongside a time-series histogram of the same metric. A brushable time range on the histogram filters the map’s bubbles to show only incidents within the selected period, demonstrating linked views. The visualization uses React, D3 version 5, and SVG rendering, with `d3.geoNaturalEarth1` for the map projection, `d3.brushX` for brushing, and data from the Missing Migrants Project.

RRMartins11
92% match
Loading thumbnail…

Multiple Views with Brushing

A world map displays migrant deaths and missing persons as scaled bubbles, with a time-series histogram below showing monthly totals. Brushing on the histogram is initiated via `brushX`, though only logging to the console. The visualization uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizing, and `histogram` with `timeMonths` thresholds for binning. Data comes from the Missing Migrants Project CSV, rendered with React and D3 v5 in SVG.

Ddanrhymes
92% match
Loading thumbnail…

Multiple Views with Brushing

Two coordinated views show migration incidents by location and time. A bubble map projects incident coordinates using d3.geoNaturalEarth1 and d3.geoPath, with circle sizes scaled by the square root of deaths and missing persons. A time histogram below aggregates incidents by month using d3.bin and d3.timeMonths, summing the same metric. Brushing the histogram with d3.brushX filters the map’s circles to the selected date range. Data comes from a CSV of H1B visa records, while state boundaries use TopoJSON from the US Atlas.

Yyinhao0424
92% match