Fork of Multiple Views with Brushing

100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public

Last edited Jul 17, 2021

Created on Jul 17, 2021

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

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

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

Cchar0496

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

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