Skip to main content
SimilarExport ZIP
100%

Fork of Missing migrants map / histogram BRUSHING

✓ Published0🌍 Public
LLewis Ward
Last edited Aug 10, 2021
Created on Jul 5, 2021

This interactive visualization combines a bubble map and a histogram to explore data on missing migrants. Brushing over the time-series histogram filters the map’s circles by date range, dynamically updating the displayed incidents. The map uses an SVG projection via `geoNaturalEarth1` and `geoPath`, with circle radii scaled by `scaleSqrt`. The histogram uses `brushX` and `event.selection` to set the filter, while data loads from a CSV and world atlas TopoJSON.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Missing migrants on a Map + histogram + brushing

This interactive visualization combines a bubble map and a time-series histogram to explore missing migrant incidents. The map uses a natural Earth projection with circles scaled by the square root of the total dead and missing count, while the histogram aggregates monthly totals. Users can brush over the histogram to filter the map’s displayed data. Built with React and D3 v5, it leverages `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin` to process CSV data from the Missing Migrants Project.

MMatias Conde
93% match
Loading thumbnail…

Combined map and histogram with Brushing

This interactive visualization combines a world bubble map with a time-series histogram to explore missing migrant incidents. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle radii scaled by `d3.scaleSqrt` based on the total dead and missing. Below, a histogram bins incidents by reported date using `d3.bin` and `d3.timeMonths`, with bar heights summed per bin. Users can brush over the histogram with `d3.brushX` to filter the map’s displayed circles. Data comes from a CSV of missing migrants, rendered in SVG with React.

FFonda Irena Santoso
91% match
Loading thumbnail…

Fork of Missing Migrants Map + Histogram With Brushing

This visualization presents migration incidents worldwide as a bubble map, with circle sizes proportional to the total dead and missing per location, overlaid on a world atlas rendered with `d3.geoNaturalEarth1` and `d3.geoPath`. A linked date histogram below aggregates monthly totals, and its `d3.brushX` interaction filters the map in real time based on brush selection, updating circles to show only incidents within the chosen time range. The app uses React for state management, D3 v7 for scales, binning, and geographic rendering, and loads missing migrant data from a CSV file.

BBen Brophy
91% 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
91% 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
91% match
Loading thumbnail…

Missing Migrants - Brushing

This interactive visualization combines a world map and a time-series histogram to explore data on missing migrants. Brushing on the histogram filters the map’s bubble marks, which are sized by the total dead and missing using a square-root scale. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticules from TopoJSON, while the histogram employs `d3.bin`, `d3.brushX`, and scales for time and linear values. React manages state and rendering, with D3 v5 handling data loading and axes.

SSai Phaltankar
90% match
Loading thumbnail…

Missing Migrants Multiple View with Brushing

This interactive visualization combines a global bubble map and a time-series histogram to explore missing migrant incidents. Users can brush over the histogram to filter the map, which displays circles sized by the total dead and missing count. The map uses d3.geoNaturalEarth1 and d3.geoPath for geographic rendering, while the histogram employs d3.bin and d3.brushX for temporal aggregation and selection. Data comes from a CSV of missing migrants and world atlas TopoJSON, rendered with React and SVG.

JJohn Huang
90% 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
90% match