Fork of Multiple Views with Brushing

100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public

Last edited Dec 30, 2023

Created on Dec 30, 2023

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

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

95% match

Loading thumbnail…

Fork of Multiple Views with Brushing

A world map displays circles sized by the total number of dead and missing migrants reported at each location, with a linked time-series bar chart below showing monthly totals. Brushing a time range in the histogram filters the map’s circles to those incidents occurring within that period. Built with React, the visualization uses D3 v5 APIs including d3.geoPath for the map, d3.bin and d3.brushX for histogram binning and interactive selection, and d3.scaleSqrt for circle sizing. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

Kka40

95% match

Loading thumbnail…

Fork of Multiple Views with Brushing

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.

Rrhysg-ps

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

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

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

Multiple Views with Brushing Faster

A world map displays migrant fatalities with scaled circles, while a time-series histogram below shows monthly death counts. Brushing across the histogram filters the map’s circles to the selected date range. The visualization uses React with D3 v5 for `geoNaturalEarth1` projection, `geoPath`, `scaleSqrt`, `brushX`, and `bin` APIs. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ttharuta

93% match