Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants on a World Map w/ Histogram & Brushing feature

✓ Published0🌍 Public
Jjimmy.fisher@member.mensa.org
Last edited Nov 29, 2024
Created on Nov 29, 2024

This visualization combines a world map of missing migrant incidents with a linked histogram, using D3 v7 within a React framework. The map displays circles sized by death counts via `d3.scaleSqrt`, while a time-based histogram aggregates data by month. Users can brush the histogram with `d3.brushX`, filtering the map’s circles in real-time. The map uses `d3.geoNaturalEarth1` projection and TopoJSON world atlas data, rendering as SVG.

AI-generated description

A program that shows a world map using 50m topo json data and missing migrants.

Data: World Map 50m - TopoJson.

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 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
92% match
Loading thumbnail…

Fork of Worldmap with missing migrants

This interactive visualization combines a world map with a time-series histogram to explore missing migrant incidents. The map displays circles scaled by the total number of dead and missing using a d3-geoNaturalEarth1 projection and geoPath, while the histogram aggregates monthly totals. A d3.brushX selection on the histogram filters the map’s displayed data. The code uses React, d3.v7, and topojson for world atlas features, with data from a CSV of global missing migrants.

DDaniel Zsido
92% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization combines a world map with a date histogram to show the geographic distribution and temporal trends of missing migrants. The map uses a bubble chart with circle size scaled by the total number of dead and missing, projected using `d3.geoNaturalEarth1` and rendered with `d3.geoPath`. The histogram bins reported dates by month and aggregates deaths using `d3.bin` and `d3.sum`. Data comes from a CSV of Missing Migrants incidents, with map boundaries from the world-atlas TopoJSON. Both components use React with D3 v7 for scales and SVG rendering.

LLove Wessman
92% match
Loading thumbnail…

Missing Migrants on a World Map w/ Histogram & Brushing feature

This example visualizes missing migrant incidents worldwide, combining a natural Earth projection map with a histogram of monthly reported deaths and missing persons. Users brush over the histogram to filter which incidents appear as sized circles on the map, with circle radii encoding the total dead and missing. The visualization uses d3.geoPath for map rendering, d3.bin and d3.timeMonths for histogram binning, and d3.brushX for interactive filtering. The underlying data comes from the Missing Migrants Project subset CSV, with world geography sourced from TopoJSON 50m land data.

Hhunsingeruk@gmail.com
92% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization links a world map with a time-series histogram to explore migrant deaths. The map displays circles scaled by the total number of dead and missing migrants, while the histogram shows the same data aggregated by month. Users can brush over the histogram to filter the map dynamically. Built with React and D3 v5, it uses `geoNaturalEarth1` projection and `brushX` for interaction. Data comes from the Missing Migrants Project, with country boundaries from the World Atlas TopoJSON.

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

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map with a linked time-series histogram to explore migrant deaths and missing persons. The map displays circles sized by the total dead and missing per location, while the histogram shows monthly totals, with a brushable selection filtering the map in real time. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for map rendering and `brushX` for interactive filtering. Data comes from the Missing Migrants Global dataset, with country boundaries from World Atlas TopoJSON.

PPiotr Paszek
91% match