Skip to main content
SimilarExport ZIP
100%

brushing migrant data on a map

✓ Published0🌍 Public
BBlake McCarty
Last edited May 16, 2022
Created on May 15, 2022

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. Users brush over the histogram to filter the map, which displays circles scaled by the total dead and missing per location. The map uses d3.geoNaturalEarth1 projection with d3.geoPath, while the histogram leverages d3.bin and d3.brushX. Data comes from a CSV of Missing Migrants Global records, rendered with React and SVG.

AI-generated description

Half of the smiley HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrants with brushing

This visualization shows global migrant deaths and disappearances using a world map with circular markers scaled by the total dead and missing count. A linked time-series histogram below displays monthly death totals, and users can brush across time to filter the map’s displayed data. The map uses `geoNaturalEarth1` and `geoPath`, while the histogram relies on `scaleTime`, `bin`, and `brushX`. Data comes from the Missing Migrants Project CSV, rendered as SVG within a React framework powered by d3.v5.

AAndrea Picciau
94% match
Loading thumbnail…

Missing Migrants Brushing

This visualization combines a world map and a time-series histogram to explore global migrant deaths and disappearances. Brushing a date range in the histogram filters the circles on the map, which use `d3.scaleSqrt` scaling and `d3.geoPath` with a `geoNaturalEarth1` projection. The histogram bins monthly data with `d3.bin` and `timeMonths`, while the brush uses `brushX`. Data comes from a CSV of the Missing Migrants Project, overlaid on a TopoJSON world atlas.

CCarlos Caballero
93% match
Loading thumbnail…

Brush Missing Migrants

This interactive visualization shows global migrant deaths and disappearances, combining a world map with a time-series histogram. Users can brush over the histogram to filter the map, dynamically revealing incidents within a selected date range. The project uses React for state management, D3 v5 for map projections (`geoNaturalEarth1`), the `topojson` library for world atlas data, and D3's `brushX` for the brushing interaction. The rendered map and histogram are built with SVG elements, and the world atlas is sourced from the `world-atlas` package.

Ssophievanderhorst
93% match
Loading thumbnail…

Missing Migrants Dataset - Brushing

This visualization combines a world map with a histogram of missing migrant deaths over time. Users brush a date range on the histogram to filter circles on the map, which show incident locations scaled by death count. It uses React with D3 v7 for rendering, including d3.geoNaturalEarth1 and d3.geoPath for the map, d3.bin for histogram aggregation, and d3.brushX for interaction. Data comes from the Missing Migrants Project CSV, with map geometry from the world-atlas TopoJSON.

KK3zter
93% match
Loading thumbnail…

Missing Migrants - Brushing

This interactive visualization combines a world map and a time-series histogram to explore data on missing migrants. Brushing on the histogram filters the map’s bubble marks, which are sized by the total dead and missing using a square-root scale. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules from TopoJSON, while the histogram employs `d3.bin`, `d3.brushX`, and scales for time and linear values. React manages state and rendering, with D3 v5 handling data loading and axes.

SSai Phaltankar
93% match
Loading thumbnail…

Brushing Up on Missing Migrants

This interactive visualization combines a world map and a date histogram to explore global migrant deaths and disappearances. The map uses a Natural Earth projection with graticules and sized circles to depict the total number of dead and missing migrants by location. A linked brushing interface on the time-series histogram filters the map’s displayed points, updating in real time. Built with React and D3 v5, the visualization leverages `d3.geoPath`, `d3.scaleSqrt`, and `d3.brushX` to synchronize the views, drawing from the Missing Migrants Global Figures dataset.

BBrian Philip
93% match
Loading thumbnail…

Missing Migrants: Part 5 - Brushing

This interactive visualization combines a world map with a time-series histogram to explore global migrant deaths and disappearances. The map displays circles scaled by the total number of dead and missing, using a natural Earth projection with `geoPath` and `geoNaturalEarth1`. A brushable histogram below, implemented with `brushX` and `scaleTime`, allows the user to filter the map by date range. The data comes from the Missing Migrants dataset, with React hooks managing state and D3 v5 handling rendering.

Zzeeeeem
93% match
Loading thumbnail…

Missing Migrant Part V [Brushing]

This interactive visualization combines a world map and a time-series histogram to explore deaths and missing persons from the Missing Migrant Project dataset. A date-brushing histogram at the bottom filters the circles on the map above, showing incidents within the selected time range. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with circle sizes scaled by `d3.scaleSqrt` based on the total dead and missing count. The histogram applies `d3.bin` for monthly aggregation and `d3.brushX` for interactive selection, all rendered as SVG in React.

Aadewole-top
92% match