Fork of Multiple Views with Brushing

100%

Fork of Multiple Views with Brushing

✓ Published0🌍 Public

Last edited Feb 13, 2022

Created on Feb 13, 2022

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

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

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

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

95% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global migration incidents. A d3.geoNaturalEarth1 projection displays the world map with circles sized by the total dead and missing, while a brushing interaction on the time-series chart filters the map’s data. The histogram bins incidents by month using d3.bin, with a brushX selection updating the map’s displayed circles. Built with React and d3.v5, it renders SVG elements and uses data from the Missing Migrants Project and World Atlas TopoJSON.

Rramdev2021

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

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

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

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

94% match