Skip to main content
SimilarExport ZIP
100%

Missing Migrants on a Map with a Brush Part 2

✓ Published0🌍 Public
Jjbruzzo
Last edited Jul 3, 2022
Created on Jul 3, 2022

This visualization shows global migrant deaths and disappearances over time and location. A brushed timeline at the bottom filters the bubble map above, which uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, with circle radii scaled by the total dead and missing per incident. The histogram uses `d3.bin`, `d3.scaleTime`, and `d3.brushX` to select date ranges, driving React state updates that filter the map’s displayed data.

AI-generated description

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

Plotting the SF temeprature dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants with Brushing

This visualization combines a world map and a time-series histogram to explore the Missing Migrants Dataset. A bubble map plots each migrant death or disappearance event, with circle radius scaled by the total dead and missing count using `d3.scaleSqrt`. Below, a bar chart aggregates deaths by month, and users can brush over the time axis with `d3.brushX` to filter the map, highlighting events within the selected date range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with world-atlas TopoJSON data, while the React components manage state and rendering.

AAlex Stulov
94% match
Loading thumbnail…

Missing Migrants: Part 5 - Brushing

This interactive visualization combines a world map with a time-series histogram to explore global migrant deaths and disappearances. The map displays circles scaled by the total number of dead and missing, using a natural Earth projection with `geoPath` and `geoNaturalEarth1`. A brushable histogram below, implemented with `brushX` and `scaleTime`, allows the user to filter the map by date range. The data comes from the Missing Migrants dataset, with React hooks managing state and D3 v5 handling rendering.

Zzeeeeem
93% match
Loading thumbnail…

Missing Migrants Multiple Views wtih Brushing

This interactive visualization combines a bubble map and a time-series histogram to explore global migrant deaths. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to render landmasses, with circle size scaled by the square root of the total dead and missing. A brushable date histogram, built with `scaleTime` and `histogram`, allows users to filter the map by date range, dynamically updating the displayed data. Both views are implemented as React components using D3 scales and SVG rendering.

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

Migrants with brushing

This visualization shows global migrant deaths and disappearances using a world map with circular markers scaled by the total dead and missing count. A linked time-series histogram below displays monthly death totals, and users can brush across time to filter the map’s displayed data. The map uses `geoNaturalEarth1` and `geoPath`, while the histogram relies on `scaleTime`, `bin`, and `brushX`. Data comes from the Missing Migrants Project CSV, rendered as SVG within a React framework powered by d3.v5.

AAndrea Picciau
93% match
Loading thumbnail…

Missing Migrants Brushing

This visualization combines a world map and a time-series histogram to explore global migrant deaths and disappearances. Brushing a date range in the histogram filters the circles on the map, which use `d3.scaleSqrt` scaling and `d3.geoPath` with a `geoNaturalEarth1` projection. The histogram bins monthly data with `d3.bin` and `timeMonths`, while the brush uses `brushX`. Data comes from a CSV of the Missing Migrants Project, overlaid on a TopoJSON world atlas.

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

Brushing Up on Missing Migrants

This interactive visualization combines a world map and a date histogram to explore global migrant deaths and disappearances. The map uses a Natural Earth projection with graticules and sized circles to depict the total number of dead and missing migrants by location. A linked brushing interface on the time-series histogram filters the map’s displayed points, updating in real time. Built with React and D3 v5, the visualization leverages `d3.geoPath`, `d3.scaleSqrt`, and `d3.brushX` to synchronize the views, drawing from the Missing Migrants Global Figures dataset.

BBrian Philip
92% match