Skip to main content
SimilarExport ZIP
100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public
IIIdaLin
Last edited Jan 26, 2022
Created on Jan 26, 2022

This interactive visualization combines a world bubble map with a time-series bar chart to explore migrant deaths and disappearances. The map displays circles scaled by the number of casualties per location using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projection. Below, a `DateHistogram` aggregates monthly totals, with a `d3.brushX` selection filtering the map’s displayed data based on the chosen time range. The React components use `d3.csv`-loaded migration data and TopoJSON world atlas boundaries, rendering everything as SVG.

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 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 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.

JJoshua Holloway
95% match
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
95% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map of migrant deaths with a time-series histogram, using brushing to filter the map by date range. The map renders world landmasses via `d3.geoNaturalEarth1` and `d3.geoPath` from TopoJSON, while circles sized by `d3.scaleSqrt` represent death counts. The histogram uses `d3.bin` to aggregate monthly totals, and a `d3.brushX` selection updates the map in real time. All views are built with React and SVG, drawing on the Missing Migrants Project dataset.

FFractal Framing
95% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map with a time-series histogram to explore migration incidents. The map displays circles sized by the total dead and missing at each location, while the histogram below aggregates these counts by month. Users can brush over the histogram to filter the map to a specific time range. Built with React and D3 v5, it uses `geoNaturalEarth1` for map projection, `brushX` for interactive selection, and loads data from a CSV of missing migrants alongside World Atlas TopoJSON boundaries.

Ssagar limbu
95% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This example combines a bubble map and a date histogram to visualize global migrant deaths and disappearances. The map uses d3.geoNaturalEarth1 projection to plot circles sized with d3.scaleSqrt for each incident’s total dead and missing, while the histogram aggregates the same metric by reported date. A d3.brushX selection on the histogram filters the map’s circles to show only incidents within the brushed date range. The visualization is built with React and renders SVG elements, using data from the Missing Migrants Project and world atlas TopoJSON.

Zzongkenchai
94% 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 uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by the square root of the death count, while the histogram bins monthly totals using `d3.histogram` and `timeMonths`. Brushing on the histogram with `d3.brushX` filters the map’s circles in real time, showing how temporal selections affect geographic patterns. Data comes from the Missing Migrants Project CSV, rendered as SVG with React components.

HHaowenWeiJohn
94% 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
94% match