Skip to main content
SimilarExport ZIP
100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public
Rrhysg-ps
Last edited Mar 11, 2022
Created on Mar 11, 2022

A map of global migrant deaths and disappearances shows circles scaled by monthly totals, with a linked time-series histogram below. Brushing the histogram filters the map to show only incidents within the selected date range. Built with React and D3 v5, the visualization uses `geoNaturalEarth1` for the map projection, `d3.brushX` for the interactive filter, and `d3.bin` to aggregate data by month. The data comes from a CSV of Missing Migrants records, while country boundaries use TopoJSON from the World 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…

Fork of Multiple Views with Brushing

A world map displays the geographic distribution of migrant deaths, with circles sized by the total dead and missing count. A time-series histogram below shows monthly totals, and brushing on this histogram filters the map to show only incidents within the selected date range. The visualization uses React with D3 v5, employing `geoNaturalEarth1` and `geoPath` for mapping, `scaleSqrt` for circle sizing, `brushX` for interactive filtering, and `bin` with `timeMonths` thresholds to aggregate the data.

AAga Domanska
95% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a natural Earth projection world map with a time-series histogram to explore missing migrant incidents globally. The map displays circles sized by the total number of dead and missing individuals, using d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, while the histogram, built with d3.scaleTime and d3.histogram, shows monthly counts. Users can brush a date range on the histogram with d3.brushX, which filters the map to show only incidents within the selected period. The example uses React with d3.v5 and data from the Missing Migrants Global dataset.

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

Fork of Multiple Views with Brushing

This interactive visualization combines a world map of missing migrant incidents with a brushable time-series histogram. The map displays circles sized by the total dead and missing, while the histogram allows users to brush over time ranges to filter the map data. Built with React and D3 v5, it uses `geoNaturalEarth1` projections, `geoPath` for map rendering, `brushX` for temporal selection, and `scaleSqrt` for circle sizing. Data comes from the Missing Migrants Project dataset.

SShan Gao
93% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world map of migrant deaths with a time-series histogram, allowing users to brush over the date axis to filter the map's data points. The map uses a natural Earth projection and size-scaled circles with D3's geospatial utilities, while the histogram presents monthly death counts. React manages the state and rendering, and D3's `brushX` API enables the linked selection between both views. The data comes from the Missing Migrants Global dataset, sourced from Simplemaps.

CCristina Macaraig
93% 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
93% 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
93% 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
93% match