Skip to main content
SimilarExport ZIP
100%

Streamgraph with Brushing

✓ Published0🌍 Public
Iiblub
Last edited Oct 7, 2021
Created on Oct 7, 2021

A choropleth-style bubble map of global migrant deaths and disappearances sits above a brushing-linked date histogram. The map projects circles scaled by death counts using `d3.geoNaturalEarth1` and `d3.geoPath`, drawing land, graticules, and interior borders from TopoJSON. Brushing the histogram’s `d3.brushX` filters the map’s circles in real time. The histogram aggregates reported dates into monthly bins via `d3.bin` and `d3.timeMonths`, with axes built from `d3.scaleTime` and `d3.scaleLinear`.

AI-generated description

Line Chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Map and Histogram with Brushing

This interactive visualization combines a world map of bubble markers with a linked time-series histogram, allowing users to brush over a date range to filter the geographic data. It plots migrant deaths and disappearances from a global dataset, with bubble size scaled by the square root of the count using `d3.scaleSqrt`. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world atlas data. Brushing is implemented with `d3.brushX`, and the React components re-render filtered circles accordingly. The histogram is built with `d3.bin` and `d3.timeMonths`.

Nnexus1058
89% 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
88% match
Loading thumbnail…

Multiple Views with Brushing

A choropleth-style bubble map and a time-series histogram show global migrant deaths, with brushing the histogram filtering the map’s city markers. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with world-atlas TopoJSON data, while the histogram applies `d3.bin`, `d3.scaleTime`, and `d3.brushX`. React manages state and rendering, with SVG output.

Iiblub
88% match
Loading thumbnail…

Brushing-Combined Migrants on a Map

A world map displays migrant deaths as green bubbles scaled by mortality count, synced with a brushing-enabled time histogram below. Dragging the histogram’s brush filters the map’s bubbles to show only incidents within the selected date range. Built with React and D3 v7, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizing, and `brushX` with `scaleTime.invert` to link selections. Data comes from a CSV of reported migrant incidents.

Ww.fukuyama@gmail.com
87% match
Loading thumbnail…

Multiple Views with Brushing

This example pairs a natural Earth bubble map with a time-series histogram, both rendered as SVG, to visualize global migrant deaths and disappearances. Brushing on the histogram filters the map’s circles in real time, showing only incidents within the selected date range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for projections and country boundaries from TopoJSON, while the histogram aggregates monthly totals with `d3.bin` and `d3.sum`. Data comes from the Missing Migrants Project, with circle sizing scaled by `d3.scaleSqrt`. React manages state, and D3’s `brushX` drives the interactive filtering.

ZZG
87% 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
87% match
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

A choropleth-style bubble map shows migrant deaths by location, with a linked time-series histogram below. Brushing the histogram filters the map circles in real time, revealing temporal patterns. The visualization uses React with D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin` for monthly aggregation. City coordinates and death counts come from CSV data, while country boundaries use TopoJSON from World Atlas, rendered as SVG with graticules and polished styling.

Aarths-glitch
87% match
Loading thumbnail…

10:32 brushing

A choropleth-style bubble map of global migration incidents is linked to a brushed date histogram. The map displays circles sized by the total number of dead and missing people, with colors assigned per country. Brushing the histogram filters the map’s circles to show only data within the selected date range. The visualization uses React for state management, d3.scaleSqrt for sizing, d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for the histogram brush, and data from the Missing Migrants Project.

Uumgi
87% match