Skip to main content
SimilarExport ZIP
100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public
JJoshua Holloway
Last edited Nov 22, 2021
Created on Nov 22, 2021

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths and disappearances worldwide. Users can brush a time range in the histogram to filter the map, which uses d3.geoNaturalEarth1 projection and d3.geoPath to render country boundaries, graticules, and proportional circles sized by d3.scaleSqrt. The React app manages state for the brush extents, rendering in SVG. Data comes from the Missing Migrants Project CSV, with countries drawn from World Atlas TopoJSON.

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…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore missing migrants incidents worldwide. The map uses a natural Earth projection with country boundaries and graticules, where circle size encodes the total dead and missing per location. A linked time-series histogram below displays monthly death tolls, and users can brush across the timeline to filter the map to incidents within that date range. The example uses React with d3-scale, d3-geo, d3-brush, and TopoJSON for world atlas data.

Hhenry c
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization shows missing migrants worldwide, with a bubble map displaying locations scaled by death count and a date histogram showing monthly totals. Users brush the histogram’s time axis to filter the map, updating circles dynamically. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map projection, `d3.bin` and `d3.brushX` for the histogram and brushing, and SVG for rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

PPrakash Khunti
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global missing migrant incidents, with brushing on the histogram filtering the map’s displayed circles. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, while circle sizes encode the total dead and missing via `d3.scaleSqrt`. The histogram bins data by month using `d3.bin` and `d3.timeMonths`, with `d3.brushX` enabling interactive time-range selection. The React app (v16.9) manages brush state, filtering the map data accordingly. Data comes from a CSV of missing migrants, with country shapes from World Atlas TopoJSON.

RRay Yang
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore missing migrant incidents worldwide. A brushed time range in the histogram filters the circles displayed on the map, which use d3.geoNaturalEarth1 and d3.geoPath for geographic projection. Data comes from the Missing Migrants Project CSV. The React app uses d3.scaleSqrt for bubble sizing, d3.bin for histogram binning, and d3.brushX for interactive selection.

AAga Domanska
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map of global migrant deaths and disappearances with a brushing-enabled time-series histogram. Users can brush over a date range in the histogram, which filters the data points displayed on the map, highlighting incidents within the selected period. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw country boundaries and graticules, while a square-root scale (`d3.scaleSqrt`) sizes the bubbles based on casualty counts. The histogram uses `d3.histogram` to bin data by month and `d3.brushX` to enable the linked selection. Data comes from the Missing Migrants Project, rendered in SVG within a React component.

EEevikettu
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world map and a time-series histogram to explore migration incidents. A bubble map plots reported locations, with circle area scaled by the square root of the total dead and missing count. Below, a date histogram shows the same metric aggregated by month. Users can brush a time range on the histogram, which filters the map's displayed circles based on the selected date range. The map uses `d3.geoNaturalEarth1` projections, `d3.geoPath`, and `d3.geoGraticule` to render sphere, graticules, and land features from World Atlas TopoJSON. React manages state and rendering, while D3 v5 handles scales, binning (`d3.histogram`), time formatting, and the brushing interaction (`d3.brushX`). Data comes from the Missing Migrants Project subset.

Mmuwu16
95% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global migrant deaths and disappearances. The map projects cities using a natural Earth projection with `d3.geoNaturalEarth1` and `d3.geoPath`, while circle size encodes the total dead and missing. The histogram, built with `d3.bin` and `d3.scaleTime`, aggregates counts by month. A `d3.brushX` selection on the histogram filters the map’s circles in real time. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON. Rendering uses React and SVG.

RRoberto
95% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a world map of bubble markers with a time-series histogram, linked through interactive brushing. The map displays the spatial distribution of migrant deaths and missing persons using proportional circles, while the histogram aggregates the same data by month. Users can brush over the histogram’s time axis to filter the map’s bubbles dynamically. The code uses React for component structure, d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for the brushing interaction, and d3.bin for histogram binning. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

BBen Brophy
95% match