Skip to main content
SimilarExport ZIP
100%

Migrant Deaths Linked Views with Fast Brushing

✓ Published0🌍 Public
AAbdul Salam Almadani
Last edited Oct 28, 2020
Created on Oct 28, 2020

This interactive visualization combines a world map with a time-series bar chart to explore urban building density data. Users brush over the date histogram to filter cities on the map, with circles sized by total building counts via d3.scaleSqrt. The map uses d3.geoNaturalEarth1 and d3.geoPath to render land masses and graticules from World Atlas TopoJSON. React’s useMemo optimizes rendering, while d3.brushX links the two views for fast, responsive filtering.

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…

Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world bubble map and a time-series histogram to explore migrant deaths, with linked views enabling fast brushing. The map plots circles scaled by death counts per location using a natural Earth projection via `d3.geoPath`, while the histogram aggregates monthly totals using `d3.histogram` and a brush from `d3.brushX` filters the map in real time. React’s `useMemo` optimizes rendering, and data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

MMatthew Brammall
92% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and missing persons. Brushing on the histogram filters the map’s circles in real time, showing incidents within the selected date range. The map uses a natural Earth projection via d3.geoNaturalEarth1, while the histogram bins monthly totals with d3.histogram and handles brushing through d3.brushX. React’s useMemo optimizes rendering, and data comes from the Missing Migrants Project CSV, loaded with d3.csv.

CCurran Kelleher
91% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a linked brushable time-series histogram. The map uses a Natural Earth projection with circles sized by the total number of dead or missing migrants, while the histogram aggregates monthly totals. Brushing the histogram filters the map in real time via React state. The code employs d3.geoNaturalEarth1, d3.geoPath, d3.scaleSqrt, d3.brushX, and d3.bin, with data from the Missing Migrants Project and country boundaries from World Atlas TopoJSON, all rendered as SVG.

Nnadia-el
91% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This interactive dashboard visualizes migrant deaths over time and location on a world map. A histogram displays the monthly count of dead and missing individuals, allowing users to brush a time range, which immediately filters and highlights the corresponding incidents on the map. Built with React and D3, the visualization uses `d3.geoPath` for map projections, `d3.brushX` for the time selection, and `useMemo` to optimize rendering performance. The temporal and spatial views are linked, enabling rapid exploration of the data.

GGiovanniD_
90% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a natural Earth projection world map with a time-series histogram to explore migrant deaths in 2019. The map displays bubbles sized by the total dead and missing, while the histogram aggregates the same data by month. A brush on the histogram filters the map in real-time, highlighting events within the selected date range. Built with React and D3 v5, the code uses `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `scaleSqrt`, and `brushX` for the brushing interaction. Data comes from the Missing Migrants Project, and the map utilizes the World Atlas TopoJSON for country boundaries.

ZZG
90% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

A world map displays migrant deaths by city, with circle size proportional to the total dead and missing. A date histogram below shows the temporal distribution of these deaths, and users can brush over a time range to filter the map to only show cities with deaths in that period. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.scaleSqrt` for circle sizing, and `d3.brushX` for interactive selection. Data comes from a CSV of migrant deaths, and country boundaries are rendered from the World Atlas TopoJSON.

Kkemee
90% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a brushed time-series histogram to explore the data through linked views. The map displays circles sized by the total dead and missing, while the histogram shows monthly totals; brushing a time range filters the map’s circles dynamically. The implementation uses React with `useMemo` for performance, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin` histogram, and renders to SVG. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

ZZhiheng Zhang
90% match
Loading thumbnail…

Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths worldwide. The map displays circles sized by the total dead and missing count, while the histogram shows the same data binned by reported date. Users brush along the histogram’s time axis to filter the map’s circles in real time, using a `brushX` interaction that updates React state. Built with React and D3 v5, it uses `geoNaturalEarth1` projection, `geoPath`, and `scaleSqrt` for sizing, with data from the Missing Migrants Project.

TTatyana Milanova
90% match