Fork of Missing migrants on a Map + histogram + brushing

100%

Fork of Missing migrants on a Map + histogram + brushing

✓ Published1🌍 Public

Last edited Oct 9, 2023

Created on Oct 9, 2023

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.

AI-generated description

A program that loads in some data CSS Named Colors using D3 utilities and uses React state to Keep track of the data.

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

Fork of Missing migrants map / histogram BRUSHING

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.

LLewis Ward

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

92% match

Loading thumbnail…

Missing Migrants on a Map with a Brush

This interactive visualization combines a natural Earth projection bubble map with a time-series histogram to explore recorded missing migrant incidents. The map uses d3.geoNaturalEarth1 and d3.geoPath to render world landmasses and graticules, with circle sizes scaled by d3.scaleSqrt according to total deaths. The bottom histogram bins incidents by reported date using d3.bin and d3.timeMonths, aggregating values with d3.sum. Both views draw from a CSV of Missing Migrants data, with the map plotting coordinates and the histogram showing temporal trends.

Jjbruzzo

91% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world map of missing migrant incidents with a brushable time-series histogram. The map displays circles sized by the total dead and missing, while the histogram allows users to brush over time ranges to filter the map data. Built with React and D3 v5, it uses `geoNaturalEarth1` projections, `geoPath` for map rendering, `brushX` for temporal selection, and `scaleSqrt` for circle sizing. Data comes from the Missing Migrants Project dataset.

SShan Gao

91% match

Loading thumbnail…

Fork of Missing Migrants on a Map - Multiple Views w/brushing (retry)

This interactive map visualizes global migrant deaths and disappearances, with bubble size representing the total dead and missing per incident. A linked time-series histogram below displays the same data aggregated by month, enabling users to observe temporal trends. The visualization uses D3 v7 for data processing and rendering, with a React frontend. The map employs `d3.geoNaturalEarth1` projection for spatial data, while the histogram uses `d3.scaleTime` for temporal binning. D3's `brushX` API enables interactive time-range selection, though the code currently lacks a visible data-filtering mechanism. Data comes from a CSV file of Missing Migrants Project records.

Ppranav-vis

91% match

Loading thumbnail…

Missing Migrants on a Map with Brushing

This visualization combines a natural Earth projection map and a time-series histogram to explore missing migrant incidents. A brushing interaction on the date histogram filters the map’s proportional circles, which encode the total dead and missing per location. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with World Atlas TopoJSON data, while the histogram aggregates monthly totals using `d3.bin` and `d3.brushX`. Rendering is done in SVG with React, and the dataset comes from the Missing Migrants Project.

CChris Knight

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