Skip to main content
SimilarExport ZIP
100%

Multiple Views with Brushing

✓ Published0🌍 Public
Yyinhao0424
Last edited Oct 28, 2019
Created on Oct 17, 2019

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.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

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
93% match
Loading thumbnail…

Multiple Views with Brushing

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.

Ddaneslutzky
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

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
91% 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
91% 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
91% 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
91% match
Loading thumbnail…

Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths and disappearances worldwide. The map displays incidents as proportional circles overlaid on natural Earth projections using `d3.geoNaturalEarth1` and `d3.geoPath`, while the histogram aggregates monthly totals. Users can brush the time axis with `d3.brushX` to filter the map’s displayed incidents in real time. Both views use SVG rendering within a React framework, with data sourced from the Missing Migrants Project CSV and country boundaries from World Atlas TopoJSON.

GGeniXiong
91% match