Multiple Views with Fast Brushing

100%

Multiple Views with Fast Brushing

✓ Published0🌍 Public

Last edited Oct 20, 2019

Created on Oct 20, 2019

Forked from Migrant Deaths Linked Views with Fast Brushing

Two coordinated views visualize migrant deaths and disappearances worldwide. A bubble map uses `d3.geoNaturalEarth1` and `d3.geoPath` to draw country boundaries, graticules, and scaled circles for filtered data. Below it, a time histogram built with `d3.bin` and `d3.scaleTime` shows monthly death totals; brushing with `d3.brushX` filters the map reactively, updating circles through React state. Data comes from a CSV of missing migrants, while country shapes use TopoJSON from the world-atlas package.

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.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Views with Brushing

Two coordinated views show migrant deaths and disappearances worldwide. A bubble map projects incidents using `d3.geoNaturalEarth1` and `geoPath`, with circle radii scaled by `scaleSqrt`. A time histogram beneath aggregates monthly totals using `d3.bin` and `sum`. Interactive `brushX` brushing filters map circles by date range, linking the views. Data comes from the Missing Migrants Project CSV, rendered as SVG in React with D3 v5.

Jj-PGi

94% match

Loading thumbnail…

Multiple Views with Fast Brushing

This visualization combines a world map and a time-series bar chart to explore migrant deaths and disappearances. Users brush a date range on the histogram to filter the map’s circle markers, which scale by the number of casualties. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for landmasses, while the histogram bins monthly totals via `d3.bin` and `brushX`. Data comes from a CSV of global missing migrant incidents, rendered with React and D3 v5.

SSong Tao Chen

94% match

Loading thumbnail…

Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths and disappearances worldwide. The map displays incidents as proportional circles overlaid on natural Earth projections using `d3.geoNaturalEarth1` and `d3.geoPath`, while the histogram aggregates monthly totals. Users can brush the time axis with `d3.brushX` to filter the map’s displayed incidents in real time. Both views use SVG rendering within a React framework, with data sourced from the Missing Migrants Project CSV and country boundaries from World Atlas TopoJSON.

GGeniXiong

93% match

Loading thumbnail…

Multiple Views with Brushing

Two synchronized views explore migrant deaths and disappearances: a bubble map using a natural Earth projection and a time-series histogram. Brushing a time range in the histogram filters the map’s circles, which are scaled by the square root of the total dead and missing. The React app uses `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.scaleSqrt`, and `d3.brushX`, with country boundaries from World Atlas TopoJSON and city data from Simplemaps. SVG rendering shows graticules, landmasses, and interactive months.

XXiaoleiGuo

93% match

Loading thumbnail…

Multiple views with brushing

A choropleth-style bubble map displays global migrant deaths and disappearances, with a coordinated histogram showing the same data over time. Brushing a time range on the histogram filters the map’s circles in real time, highlighting temporal patterns. The visualization uses React for component structure, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin`, rendering SVG marks. Data comes from the Missing Migrants Project, with country boundaries sourced from World Atlas TopoJSON.

Ccshm407

93% match

Loading thumbnail…

Multiple Views with Fast Brushing

A world map displays migrant deaths and missing persons by location, with circle size scaled to the count. A synchronized date histogram below supports brush selection, filtering the map’s circles in real time. Built with React, D3 v5, and SVG, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.brushX` for brushing, and `useMemo` for performance. Data comes from the Missing Migrants Project and World Atlas TopoJSON.

Mmkt-ds

93% match

Loading thumbnail…

Multiple Views with Fast Brushing

This visualization displays global migration incidents with a bubble map showing the total number of dead and missing migrants per city, filtered by a linked date histogram below. Brushing a time range in the histogram updates the map’s circles in real time, using React’s `useState` and D3’s `brushX`, `scaleSqrt`, `geoNaturalEarth1`, and `geoPath`. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON, rendered as SVGs.

Jjessand4

93% match

Loading thumbnail…

Multiple Views with Brushing

A choropleth-style bubble map and time-series histogram display global migrant deaths and disappearances, with brushing on the histogram filtering circles on the map in real time. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries, graticules, and proportional circle sizes scaled by the square root of the death count. The histogram bins monthly totals using `d3.bin` and applies a brush with `d3.brushX` to link the two views. Data comes from the Missing Migrants Project CSV, with React managing state and D3 v5 rendering SVG elements.

HHollyClarke19

93% match