Fork of Multiple Views with Brushing

100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public

Last edited Apr 17, 2022

Created on Apr 17, 2022

Forked from Multiple Views with Brushing

This visualization combines a world map and a time-series histogram to explore migration incidents. Brushing on the histogram filters the map’s bubbles, which scale by total dead and missing per location. The map uses d3.geoNaturalEarth1 and d3.geoPath for projections, while the histogram is built with d3.bin and d3.brushX. React manages state, and data comes from the Missing Migrants Project and 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 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

97% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a world map with a time-series histogram to explore migration incidents. The map displays circles sized by the square root of the total dead and missing, while the histogram shows the monthly sum of deaths. Users can brush along the time axis to filter the map, dynamically updating the displayed data. Built with React and D3, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for sizing, and `d3.brushX` for interactive filtering.

Jj9magayanes

96% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global migration incidents. A d3.geoNaturalEarth1 projection displays the world map with circles sized by the total dead and missing, while a brushing interaction on the time-series chart filters the map’s data. The histogram bins incidents by month using d3.bin, with a brushX selection updating the map’s displayed circles. Built with React and d3.v5, it renders SVG elements and uses data from the Missing Migrants Project and World Atlas TopoJSON.

Rramdev2021

96% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This example integrates a world map and a time-series histogram to visualize missing migrants incidents. The map plots circles sized by the total dead and missing using a square-root scale, while the histogram aggregates counts by month. Users brush a time range in the histogram to filter the map’s data dynamically. The visualization uses React for components, d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for brushing, and d3.bin for histogram binning, pulling data from a CSV of global missing migrants.

Aanniedekock1m

95% 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

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

95% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world bubble map with a date histogram, enabling linked brushing and filtering. The map displays the total number of dead and missing migrants by location, with circle size proportional to the count. Users brush a time range on the histogram to filter the map’s data in real time. Built with React and D3 version 5, it uses D3’s `geoNaturalEarth1` projection, `geoPath`, `geoGraticule`, and `scaleSqrt` for the map, and `scaleTime`, `histogram`, `brushX`, and `select` for the histogram. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

RRupendra Pamisetty

95% match