Skip to main content
SimilarExport ZIP
100%

Multiple Views w/ Brushing - Episode 44

✓ Published1🌍 Public
Rroc286
Last edited Mar 16, 2022
Created on Mar 16, 2022

This visualization combines a bubble map and a date histogram into a linked view for exploring missing migrant data. Brushing the histogram filters the map, showing only incidents within the selected time range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world boundaries, with circle radii scaled by `d3.scaleSqrt` based on total dead and missing. The histogram aggregates counts by month using `d3.bin` and `d3.timeMonths`, with brushing implemented via `d3.brushX`. Data comes from a CSV of global missing migrants, rendered in SVG within a React framework.

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 (Brushing)

This interactive visualization combines a bubble map and a date histogram to explore missing migrant incidents. Brushing a time range in the histogram filters the map’s bubbles, which are scaled by total dead and missing using d3.scaleSqrt. The map uses d3.geoNaturalEarth1 and d3.geoPath for land outlines, while the histogram employs d3.bin and d3.brushX. Data comes from the Missing Migrants Project CSV, rendered as SVG in React.

Bbsolomon103
94% match
Loading thumbnail…

Multiple Views with Brushing for debugging

This interactive visualization combines a bubble map and a date histogram to explore missing migrant data, with brushing on the histogram filtering the map's circles. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, while circle size encodes the total dead and missing count via `d3.scaleSqrt`. The histogram's brush, implemented with `d3.brushX`, updates the filtered dataset in real time, demonstrating linked views for debugging data patterns. Data comes from the Global Missing Migrants dataset, and the rendering uses SVG within a React framework.

Ddaneslutzky
94% match
Loading thumbnail…

Multiple Views With Brushing

This example shows a world map with bubbles representing missing migrants, sized by the total number of dead and missing, alongside a date histogram of the same data. Brushing the histogram filters the map to show only incidents within the selected time range. The visualization uses React with D3 v5, including `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.brushX`, `d3.histogram`, `d3.scaleSqrt`, and `d3.scaleTime`. Data comes from the Missing Migrants Project CSV, loaded via `d3.csv`, and renders as SVG.

Rrstrauss127
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

A world map displays circles sized by the total number of dead and missing migrants, with a linked time-series histogram below showing monthly totals. Brushing a date range on the histogram filters the map circles to only those incidents within that period. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` for the map projection, `d3.brushX` for interactive selection, and `d3.bin` with `d3.timeMonths` for histogram binning. Data comes from a CSV of global missing migrants, rendered as SVG.

Wwindwaver
93% match
Loading thumbnail…

Multiple Views with Brushing

This example presents a global map of missing migrant incidents, with circles sized by the total number of dead or missing. A linked date histogram beneath the map allows brush selection to filter the map’s data points interactively. The visualization uses React with D3 v6, employing `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizing, and `bin` with `timeMonths` for the histogram. Brushing is implemented via `brushX` and `scaleTime.invert`. Data comes from the Data Canvas Sense Your City dataset.

CCodeDuckie99
93% match
Loading thumbnail…

Multiple Views with Brushing

This example shows a world map of missing migrants, with circles sized by total dead and missing, alongside a time histogram of the same data. Brushing on the histogram filters the map to show only incidents within the selected date range. The visualization uses React with D3 v5, including `d3.geoNaturalEarth1` and `d3.geoPath` for the map, `d3.brushX` for brushing, and `d3.bin` for histogram binning. Data comes from the Missing Migrants Project, rendered as SVG.

Jjwlam83
93% match
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
92% match