Skip to main content
SimilarExport ZIP
100%

Fork of Multiple Views with Brushing

✓ Published1🌍 Public
RRupendra Pamisetty
Last edited Aug 29, 2024
Created on Aug 29, 2024

This interactive visualization combines a world bubble map with a date histogram, enabling linked brushing and filtering. The map displays the total number of dead and missing migrants by location, with circle size proportional to the count. Users brush a time range on the histogram to filter the map’s data in real time. Built with React and D3 version 5, it uses D3’s `geoNaturalEarth1` projection, `geoPath`, `geoGraticule`, and `scaleSqrt` for the map, and `scaleTime`, `histogram`, `brushX`, and `select` for the histogram. Data comes from the Missing Migrants Project, with country boundaries from World Atlas TopoJSON.

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 interactive visualization combines a world map and a time-series histogram to explore migration incidents. A bubble map plots reported locations, with circle area scaled by the square root of the total dead and missing count. Below, a date histogram shows the same metric aggregated by month. Users can brush a time range on the histogram, which filters the map's displayed circles based on the selected date range. The map uses `d3.geoNaturalEarth1` projections, `d3.geoPath`, and `d3.geoGraticule` to render sphere, graticules, and land features from World Atlas TopoJSON. React manages state and rendering, while D3 v5 handles scales, binning (`d3.histogram`), time formatting, and the brushing interaction (`d3.brushX`). Data comes from the Missing Migrants Project subset.

Mmuwu16
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization shows missing migrants worldwide, with a bubble map displaying locations scaled by death count and a date histogram showing monthly totals. Users brush the histogram’s time axis to filter the map, updating circles dynamically. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map projection, `d3.bin` and `d3.brushX` for the histogram and brushing, and SVG for rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

PPrakash Khunti
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global missing migrant incidents, with brushing on the histogram filtering the map’s displayed circles. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, while circle sizes encode the total dead and missing via `d3.scaleSqrt`. The histogram bins data by month using `d3.bin` and `d3.timeMonths`, with `d3.brushX` enabling interactive time-range selection. The React app (v16.9) manages brush state, filtering the map data accordingly. Data comes from a CSV of missing migrants, with country shapes from World Atlas TopoJSON.

RRay Yang
96% 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
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map with a time-series histogram to explore migration incidents. The map displays circles sized by the total dead and missing at each location, while the histogram below aggregates these counts by month. Users can brush over the histogram to filter the map to a specific time range. Built with React and D3 v5, it uses `geoNaturalEarth1` for map projection, `brushX` for interactive selection, and loads data from a CSV of missing migrants alongside World Atlas TopoJSON boundaries.

Ssagar limbu
96% match
Loading thumbnail…

Fork of Multiple Views with Brushing - Jan

This interactive visualization combines a world bubble map and a time-series histogram, both rendered as SVG using React and D3 v5. It displays data on dead and missing migrants from the Missing Migrants Global 2019 subset, with the map using the `geoNaturalEarth1` projection and `geoPath` to render land and graticules. Users can brush the histogram to filter the cities shown on the map, with circle sizes scaled by the square-root of casualties. The histogram bins by month via `histogram`, and the brush extent controls data filtering through a React state update.

Jj9magayanes
96% match
Loading thumbnail…

Fork of Fork of Multiple Views with Brushing

This visualization combines a bubble map with a date histogram to explore missing migrants globally. The map projects city locations using a natural Earth projection and scales circle radii by the square root of the death count. Brushing on the histogram filters the map in real-time, using `d3.brushX` to select a date range. The React app uses `d3.scaleSqrt`, `d3.geoPath`, and `d3.histogram` to process data from the Missing Migrants dataset and render SVG marks.

RRupendra Pamisetty
95% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world map of missing migrant incidents with a brushable time-series histogram. The map displays circles sized by the total dead and missing, while the histogram allows users to brush over time ranges to filter the map data. Built with React and D3 v5, it uses `geoNaturalEarth1` projections, `geoPath` for map rendering, `brushX` for temporal selection, and `scaleSqrt` for circle sizing. Data comes from the Missing Migrants Project dataset.

SShan Gao
95% match