Fork of Multiple Views with Brushing

100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public

Last edited Mar 15, 2021

Created on Mar 15, 2021

Forked from 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.

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 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

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 visualization combines a bubble map and a date histogram to explore global migrant deaths and disappearances. The map projects cities using a natural Earth projection with `d3.geoNaturalEarth1` and `d3.geoPath`, while circle size encodes the total dead and missing. The histogram, built with `d3.bin` and `d3.scaleTime`, aggregates counts by month. A `d3.brushX` selection on the histogram filters the map’s circles in real time. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON. Rendering uses React and SVG.

RRoberto

95% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world map of migrant deaths with a time-series histogram, allowing users to brush over the date axis to filter the map's data points. The map uses a natural Earth projection and size-scaled circles with D3's geospatial utilities, while the histogram presents monthly death counts. React manages the state and rendering, and D3's `brushX` API enables the linked selection between both views. The data comes from the Missing Migrants Global dataset, sourced from Simplemaps.

CCristina Macaraig

95% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world bubble map with a time-series bar chart to explore migrant deaths and disappearances. The map displays circles scaled by the number of casualties per location using `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projection. Below, a `DateHistogram` aggregates monthly totals, with a `d3.brushX` selection filtering the map’s displayed data based on the chosen time range. The React components use `d3.csv`-loaded migration data and TopoJSON world atlas boundaries, rendering everything as SVG.

IIIdaLin

95% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global migrant deaths and disappearances. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by the square root of the death count, while the histogram bins monthly totals using `d3.histogram` and `timeMonths`. Brushing on the histogram with `d3.brushX` filters the map’s circles in real time, showing how temporal selections affect geographic patterns. Data comes from the Missing Migrants Project CSV, rendered as SVG with React components.

HHaowenWeiJohn

95% 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