Skip to main content
SimilarExport ZIP
100%

mine Fork of Migrant Deaths Linked Views with Fast Brushing

✓ Published1🌍 Public
AAbdullah Al Munem
Last edited Aug 12, 2023
Created on Aug 11, 2023

This interactive visualization combines a choropleth world map with a brushable time-series histogram to explore migrant deaths. The map displays aggregated death counts by country, using a blue sequential color scale to encode totals and circle sizes to represent the sum over a selected time range. Users brush the histogram to filter the map, dynamically updating country colors and bubble radii. Built with D3 (v5) and React, it uses d3.geoNaturalEarth1 projection, geoPath, geoGraticule, and geoCentroid for cartographic rendering, with data from a custom CSV dataset.

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.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing origin

This interactive visualization links a world map of migrant deaths with a time-series histogram, enabling users to brush over time to filter the map by date range. The map uses a natural Earth projection with proportional circle sizes based on total dead and missing, while the histogram aggregates monthly totals. Built with React and D3 v5, it employs `geoNaturalEarth1`, `geoPath`, `brushX`, and `scaleSqrt` for rendering and interaction. Data comes from the Missing Migrants Project CSV and World Atlas TopoJSON.

AAbdullah Al Munem
92% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map of migrant deaths with a time-series histogram, enabling linked brushing to filter events by date. The map uses a natural Earth projection with scaled circles, while the histogram aggregates monthly death tolls. Built with React and D3 v5, it employs `d3.geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and reusable components. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ggzm17
92% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map of migrant deaths with a time-series histogram, linked through brushable selection. Users can brush a date range in the histogram to filter the map’s proportional circles, which represent monthly totals of dead and missing migrants. The map uses `geoNaturalEarth1` and `geoPath` from d3, while the histogram employs `scaleTime`, `brushX`, and `bin` for aggregation. City and country boundary data come from World Atlas TopoJSON and Simplemaps subsets, rendered as SVG within a React framework.

JJean David
92% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This visualization combines a world map and a time-series histogram to explore migrant deaths, supporting linked views with fast brushing. The map displays the geographic distribution of deaths as circles, sized by the total dead and missing, while brushing over the histogram filters the map’s data. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, and `brushX` for interactive filtering. Country boundaries come from World Atlas TopoJSON, while the migrant dataset is loaded from a CSV.

JJonathan Lee
92% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization links a world map of migrant deaths with a brushable time-series histogram, enabling filtering by date range. The map uses d3.geoNaturalEarth1 projection, d3.geoPath, and TopoJSON world atlas data, with bubble sizes scaled by total dead and missing via d3.scaleSqrt. The histogram aggregates monthly totals using d3.bin and d3.sum, while React’s useMemo and a d3.brushX selection provide fast linked brushing. Data comes from a CSV of Missing Migrants Global records.

KKamal Bahadur Rana
92% match
Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map and a time-series histogram to explore migrant deaths. The map displays circles scaled by the total dead and missing for each location, while the histogram shows the same data aggregated by month. Users can brush a time range on the histogram, which instantly filters the map’s circles. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, `d3.scaleSqrt` for sizing, and `d3.brushX` for selection. Data is sourced from CSV and TopoJSON files.

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

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive dashboard links a world map of migrant deaths with a time-series histogram, supporting brushing to filter the map by date range. The map uses a natural Earth projection with graticules, while the histogram aggregates monthly death totals. Built with React and D3 v5, it leverages `useMemo` for performance, `geoNaturalEarth1` and `geoPath` for geographic rendering, and `brushX` for interactive selection. Data comes from the Missing Migrants Project, visualized as scaled circles.

JJchenC361
92% match