Skip to main content
SimilarExport ZIP
100%

Multiple Views with Fast Brushing

✓ Published0🌍 Public
Mmkt-ds
Last edited Oct 23, 2019
Created on Oct 23, 2019

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.

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

A world map displays the global distribution of missing migrants, with circles sized by the total number of dead and missing. A linked time histogram below shows the same data aggregated by month, with a d3.brushX selection filtering the map’s circles in real time. Using React’s useState and useEffect, the example combines d3.geoNaturalEarth1, d3.geoPath, and d3.scaleSqrt with a TopoJSON world atlas, while the histogram uses d3.bin and d3.scaleTime. Data comes from the Missing Migrants Project.

AAnthony Ynami
95% match
Loading thumbnail…

Multiple Views with Fast Brushing

This example shows a world map of migrant deaths and disappearances from 2014 to 2022, overlaid with a brushing timeline. A geographic map displays circles scaled by the total dead and missing, while a histogram below shows counts over time. Brushing the histogram filters the map’s circles in real time, using React’s `useMemo` for performance. Built with D3 v7, it uses `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for mapping, while the histogram uses `scaleTime`, `bin`, and `brushX` for interactive filtering.

JJoe Hutchins
94% match
Loading thumbnail…

Multiple Views with Fast Brushing

A world map and a time-series histogram show the locations and monthly totals of missing migrants. Users brush a time interval in the histogram, instantly filtering the map’s circles to reflect the selected range. Built with React hooks, the visualization uses `d3-geo`’s `geoNaturalEarth1` and `geoPath` for map projection, `d3.brushX` for interactive selection, and `d3.bin` with `timeMonths` for aggregating data. The map’s point radii derive from `d3.scaleSqrt`, with data sourced from the Missing Migrants Project and world boundaries from World Atlas TopoJSON.

CChongho Lee
93% match
Loading thumbnail…

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

EErik Erickson
93% 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
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
93% match
Loading thumbnail…

Multiple Views with Brushing

A world map displays circles sized by the total number of dead and missing migrants per location, with a time-series histogram below showing monthly totals. Brushing a time range in the histogram filters the map’s circles to that period. The visualization uses React, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `brushX`, and `scaleSqrt`, rendering SVG with data from the Missing Migrants Project and world atlas TopoJSON.

MMurlidharSingh
92% 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
92% match