Skip to main content
SimilarExport ZIP
100%

dv2020-ep44-viz45 - missing migrants brushing

✓ Published1🌍 Public
Zzach b.
Last edited Mar 30, 2023
Created on Mar 29, 2023

A bubble map and histogram visualize the Missing Migrants Dataset, showing the geographic distribution and monthly counts of dead and missing migrants. The histogram uses a brushing interaction via `d3.brushX` to filter the map’s bubbles by date range. The map is rendered with `d3.geoPath` and a natural Earth projection, while data is loaded through `d3.csv` and world map topology via `d3.json` with TopoJSON. The React-based interface uses D3 scales and SVG elements for rendering.

AI-generated description

A bubble map & histogram of the Missing Migrants Dataset with "brushing".

Episode 44

MIT Licensed

Similar vizzes

Loading thumbnail…

dv2020-ep45-viz46 - missing migrants brushing - optimized

This visualization combines a bubble map and a time-series histogram to explore the Missing Migrants Dataset, with brushing linking the two views. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country borders, shorelines, and graticules, with circle sizes scaled by d3.scaleSqrt. The histogram aggregates monthly totals via d3.histogram, while d3.brushX enables selecting a date range that filters the map’s bubbles. React manages state for the brush selection, and SVG renders all elements.

Zzach b.
95% match
Loading thumbnail…

dv2020-ep41-viz43 - missing migrants map & histogram

This visualization combines a bubble map and a histogram to explore the Missing Migrants Dataset. The map uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to plot incident locations, with circle radii scaled by the square root of the "Total Dead and Missing" count using `scaleSqrt`. A histogram below bins the same data by reported date, aggregating monthly totals with `d3.histogram` and `timeMonths`. Both charts are rendered as SVG within a React component, pulling geographic and CSV data from external URLs.

Zzach b.
92% match
Loading thumbnail…

dv2020-ep43-viz44 - missing migrants map & histogram (cleaned up)

This visualization combines a bubble map and histogram to explore the Missing Migrants Dataset. The map uses a natural Earth projection with D3’s `geoPath` and `geoNaturalEarth1` to plot incident locations as scaled circles, while the histogram aggregates reported deaths by month using `d3.bin` and `scaleTime`. Built with React and D3 v5, the SVG rendering overlays graticules, country borders, and shorelines from TopoJSON world-atlas data, with circles sized by a square-root scale. The histogram’s axes and bars are generated with `scaleLinear`, `scaleTime`, and `timeMonths`, presenting temporal patterns alongside geographic distribution.

Zzach b.
92% match
Loading thumbnail…

Dataviz 2020_Ep45 - 36. Missing Migrants6 - Performance Optimized Brushing (Multiple Views)

This interactive visualization combines a geographic bubble map with a time-series histogram to explore records of missing migrants. The map plots incidents using D3's `geoNaturalEarth1` projection, while the histogram aggregates counts by month. Users brush over the histogram to filter the map’s circles in real-time, leveraging D3’s `brushX` and React state for synchronized updates. Data is loaded via `d3.csv` from a published subset, and the rendering uses SVG with React components.

MMinwoo Pak
91% match
Loading thumbnail…

dv2020-ep40-viz42 - missing migrants bubble map

A bubble map visualizes global migration incidents from the Missing Migrants Dataset, with circle size encoding the total dead and missing per location. The visualization uses a React component structure with D3’s `geoNaturalEarth1` projection and `geoPath` to render country boundaries, graticules, and shorelines from TopoJSON world-atlas data. A `scaleSqrt` maps data values to circle radii, while SVG circles are positioned via the projection coordinates. Interactive updates are handled through React state and hooks, with data loaded asynchronously via D3’s `csv` and `json` functions.

Zzach b.
90% match
Loading thumbnail…

Missing Migrants with Brushing

This visualization uses a world map with bubbles to show the total number of dead and missing migrants, with bubble size scaled by the square root of the count. A time-series histogram below the map displays the same data binned by month, and users can brush over this chart to filter the map to only show incidents within the selected time range. The map is rendered using `d3.geoPath` with natural Earth projection and graticules, while the histogram uses `d3.scaleTime`, `d3.histogram`, and `d3.brushX` for interactive filtering. Data comes from the Missing Migrants Project CSV, and all rendering is done in SVG within a React framework.

Ppnlinyz
90% match
Loading thumbnail…

Missing Migrants with Brushing

This visualization combines a world map and a time-series histogram to explore the Missing Migrants Dataset. A bubble map plots each migrant death or disappearance event, with circle radius scaled by the total dead and missing count using `d3.scaleSqrt`. Below, a bar chart aggregates deaths by month, and users can brush over the time axis with `d3.brushX` to filter the map, highlighting events within the selected date range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with world-atlas TopoJSON data, while the React components manage state and rendering.

AAlex Stulov
89% match
Loading thumbnail…

dv.44 - missing migrants - part VI - brushing

This interactive visualization combines a world map and time-series histogram to explore the Missing Migrants Dataset. A brushed time range filters the map’s proportionally sized circles, which represent monthly death tolls at specific coordinates. The map uses `geoNaturalEarth1` projection with `geoPath` and `geoGraticule` for land and graticules, while the histogram uses `brushX`, `scaleTime`, and `histogram` to bin events. Country boundaries come from World Atlas TopoJSON, with geographic lines from a supplementary JSON source.

Zzach b.
89% match