Skip to main content
SimilarExport ZIP
100%

Multiple Views with Brushing - Jan

✓ Published1🌍 Public
Jj9magayanes
Last edited Mar 30, 2022
Created on Mar 30, 2022

This interactive visualization tracks migrant deaths and disappearances worldwide, combining a bubble map with a date histogram. Brushing a time range on the histogram filters the map’s circles, which are scaled by death counts per location. The map uses `d3.geoPath` with Natural Earth land and graticules, while the histogram applies `d3.histogram` and `d3.brushX`. Country boundaries come from the World Atlas TopoJSON, and migration data is loaded from a CSV via `d3.csv`.

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…

Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths and disappearances worldwide. The map displays incidents as proportional circles overlaid on natural Earth projections using `d3.geoNaturalEarth1` and `d3.geoPath`, while the histogram aggregates monthly totals. Users can brush the time axis with `d3.brushX` to filter the map’s displayed incidents in real time. Both views use SVG rendering within a React framework, with data sourced from the Missing Migrants Project CSV and country boundaries from World Atlas TopoJSON.

GGeniXiong
95% match
Loading thumbnail…

Multiple Views with Brushing

This interactive visualization combines a world map and a time series histogram to explore migrant deaths and disappearances. The map displays circles sized by death counts using d3.geoNaturalEarth1 and d3.geoPath, while the histogram aggregates monthly totals with d3.histogram. Brushing on the histogram filters the map’s data through a brushX interaction, updating the circles in real time. The data comes from the Missing Migrants Project CSV, rendered as SVG within a React framework.

Nnkohdatavis
94% match
Loading thumbnail…

Multiple Views with Brushing

This interactive visualization combines a world bubble map and a time-series histogram to explore migrant deaths and disappearances. Users can brush over the date histogram to filter the map, dynamically updating the displayed circles. The map uses a natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, while the histogram uses `d3.bin` and `d3.brushX`. Data comes from a CSV of Missing Migrants Global records, rendered as SVG circles with `d3.scaleSqrt` sizing.

NNikhil Reddy Manda
94% match
Loading thumbnail…

Multiple Views with Brushing

This interactive visualization combines a world map of migrant deaths with a linked time-series histogram. The map uses a d3.geoNaturalEarth1 projection with d3.geoPath to render country boundaries and graticules, plotting circles scaled by d3.scaleSqrt to represent the total number of dead and missing. Users brush the histogram to filter the map, updating the displayed circles in real time. The data comes from the Missing Migrants Project CSV, with the histogram using d3.bin and d3.brushX to aggregate monthly totals.

HHeechan lee
94% match
Loading thumbnail…

44) Multiple Views with Brushing

This visualization combines a geographic bubble map with a time-series histogram to explore migrant deaths and disappearances. The map displays circles sized by the square-root-scaled count of total dead and missing, using D3’s `geoNaturalEarth1` projection and `geoPath` for the world atlas. The histogram aggregates the same data by month, using D3’s `bin` and `scaleTime`. Brushing on the histogram, implemented with `brushX`, filters the map’s data points. The map and histogram are linked, with the map updating dynamically to show only records within the brushed date range.

Llefat92
93% match
Loading thumbnail…

Multiple Views with Brushing - Jan

This interactive visualization combines a bubble map and a date histogram to explore global missing migrant incidents. Users brush the histogram to filter the map by date range. The map uses a natural Earth projection with proportional circles sized by total dead and missing, rendered with d3.geoPath. The histogram aggregates data by month using d3.bin and d3.timeMonths. The brush is implemented with d3.brushX. Data comes from the Missing Migrants Project and world atlas TopoJSON, built with React and SVG.

Jj9magayanes
93% match
Loading thumbnail…

Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths and missing persons. Users can brush a time range in the histogram to filter the map’s displayed circles, which are sized using `d3.scaleSqrt` and positioned with `d3.geoPath` and `geoNaturalEarth1`. A reactive `useState` hook manages the brush extent. The map shows city locations from a CSV dataset, with country boundaries from World Atlas TopoJSON, all rendered as SVG with React and D3 v5.

CCurran Kelleher
93% match
Loading thumbnail…

Multiple Views with Brushing

This visualization combines a bubble map of global migrant deaths with a brushing-linked time series histogram. The map uses D3’s `geoNaturalEarth1` projection and `geoPath` to render country boundaries and proportional circles sized by death counts. Selecting a date range with `brushX` on the histogram filters the map’s data in real time. The React app loads CSV data from Simplemaps and TopoJSON world atlas boundaries, rendering both views as SVG.

JJohn Lewis
93% match