Skip to main content
SimilarExport ZIP
100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public
Lldtho
Last edited Jun 1, 2021
Created on Jun 1, 2021

This example combines a bubble map and a histogram to visualize missing migrants data. The map uses a natural Earth projection with d3.geoNaturalEarth1 and d3.geoPath to plot circles sized by death tolls, while the histogram aggregates reported deaths by month using d3.bin and d3.timeMonths. Users can brush the histogram with d3.brushX to filter the map in real time, with state managed through React hooks. Data comes from a CSV of migrant incidents, rendered as SVG.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Multiple Views With Brushing

This example combines a bubble map with a date histogram to visualize missing migrant incidents. Brushing the histogram filters the map’s displayed circles, linked through shared state. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for country boundaries, while the histogram applies `d3.bin` and `d3.brushX`. React manages the UI, and data comes from a CSV of global migrant records.

Ttrissentety
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram into a single SVG view, showing the total number of dead and missing migrants over time and across geographic locations. Users can brush a time range in the histogram to filter which incidents appear on the map. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules from World Atlas TopoJSON, while circles sized with `d3.scaleSqrt` encode mortality counts. The histogram is built with `d3.bin`, `d3.scaleTime`, and `d3.brushX`. Data comes from a CSV of migrant incidents.

Eevers-codeshop-ai
95% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map of migrant deaths with a time-series histogram, using brushing to filter the map by date range. The map renders world landmasses via `d3.geoNaturalEarth1` and `d3.geoPath` from TopoJSON, while circles sized by `d3.scaleSqrt` represent death counts. The histogram uses `d3.bin` to aggregate monthly totals, and a `d3.brushX` selection updates the map in real time. All views are built with React and SVG, drawing on the Missing Migrants Project dataset.

FFractal Framing
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map of global migrant deaths and disappearances with a brushing-enabled time-series histogram. Users can brush over a date range in the histogram, which filters the data points displayed on the map, highlighting incidents within the selected period. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw country boundaries and graticules, while a square-root scale (`d3.scaleSqrt`) sizes the bubbles based on casualty counts. The histogram uses `d3.histogram` to bin data by month and `d3.brushX` to enable the linked selection. Data comes from the Missing Migrants Project, rendered in SVG within a React component.

EEevikettu
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore missing migrant incidents worldwide. A brushed time range in the histogram filters the circles displayed on the map, which use d3.geoNaturalEarth1 and d3.geoPath for geographic projection. Data comes from the Missing Migrants Project CSV. The React app uses d3.scaleSqrt for bubble sizing, d3.bin for histogram binning, and d3.brushX for interactive selection.

AAga Domanska
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This example combines a bubble map and a date histogram to visualize global migrant deaths and disappearances. The map uses d3.geoNaturalEarth1 projection to plot circles sized with d3.scaleSqrt for each incident’s total dead and missing, while the histogram aggregates the same metric by reported date. A d3.brushX selection on the histogram filters the map’s circles to show only incidents within the brushed date range. The visualization is built with React and renders SVG elements, using data from the Missing Migrants Project and world atlas TopoJSON.

Zzongkenchai
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore missing migrants incidents worldwide. The map uses a natural Earth projection with country boundaries and graticules, where circle size encodes the total dead and missing per location. A linked time-series histogram below displays monthly death tolls, and users can brush across the timeline to filter the map to incidents within that date range. The example uses React with d3-scale, d3-geo, d3-brush, and TopoJSON for world atlas data.

Hhenry c
94% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths and disappearances worldwide. Users can brush a time range in the histogram to filter the map, which uses d3.geoNaturalEarth1 projection and d3.geoPath to render country boundaries, graticules, and proportional circles sized by d3.scaleSqrt. The React app manages state for the brush extents, rendering in SVG. Data comes from the Missing Migrants Project CSV, with countries drawn from World Atlas TopoJSON.

JJoshua Holloway
94% match