Skip to main content
SimilarExport ZIP
100%

Multiple Views with Brushing

✓ Published0🌍 Public
HHeechan lee
Last edited Apr 28, 2020
Created on Apr 27, 2020

This interactive visualization combines a world map of migrant deaths with a linked time-series histogram. The map uses a d3.geoNaturalEarth1 projection with d3.geoPath to render country boundaries and graticules, plotting circles scaled by d3.scaleSqrt to represent the total number of dead and missing. Users brush the histogram to filter the map, updating the displayed circles in real time. The data comes from the Missing Migrants Project CSV, with the histogram using d3.bin and d3.brushX to aggregate monthly totals.

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 interactive visualization combines a world map and a time series histogram to explore migrant deaths and disappearances. The map displays circles sized by death counts using d3.geoNaturalEarth1 and d3.geoPath, while the histogram aggregates monthly totals with d3.histogram. Brushing on the histogram filters the map’s data through a brushX interaction, updating the circles in real time. The data comes from the Missing Migrants Project CSV, rendered as SVG within a React framework.

Nnkohdatavis
97% 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
96% 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
95% 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
94% match
Loading thumbnail…

Multiple Views with Brushing

This interactive visualization combines a world bubble map and a time-series histogram to explore migrant deaths and disappearances. Users can brush over the date histogram to filter the map, dynamically updating the displayed circles. The map uses a natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, while the histogram uses `d3.bin` and `d3.brushX`. Data comes from a CSV of Missing Migrants Global records, rendered as SVG circles with `d3.scaleSqrt` sizing.

NNikhil Reddy Manda
94% 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
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
94% match
Loading thumbnail…

Multiple Views with Fast Brushing

This visualization combines a world map and a time-series bar chart to explore migrant deaths and disappearances. Users brush a date range on the histogram to filter the map’s circle markers, which scale by the number of casualties. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for landmasses, while the histogram bins monthly totals via `d3.bin` and `brushX`. Data comes from a CSV of global missing migrant incidents, rendered with React and D3 v5.

SSong Tao Chen
94% match