Skip to main content
SimilarExport ZIP
100%

Analyzing Missing Migrants Part VII - Performance Optimization

✓ Published0🌍 Public
WWolfgang
Last edited Apr 6, 2021
Created on Apr 6, 2021

This interactive visualization displays missing migrant incidents on a global map, with a histogram below showing the total dead and missing over time. Users can brush the histogram to filter the map's circles. The map uses a natural Earth projection with graticules, rendered using `d3.geoPath`. The dashboard is built with React and leverages `d3.bin` and `d3.scaleSqrt`. Data comes from the Missing Migrants Project, filtered via `d3.brushX`.

AI-generated description

Missing Migrants Multiple Views Part I - Getting it to Work

Data from Missing Migrants Project

Using the Topojson World Atlas.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants (part 7) : Optimizing performance

A dashboard maps migrant deaths worldwide alongside a time-series histogram, with a linked brush filtering the map’s circles by date range. Built with React and D3 v7, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `brushX` for interactive filtering. The histogram aggregates monthly totals via `bin` and `timeMonths`, with axes rendered from `scaleTime` and `scaleLinear`. Data comes from the Missing Migrants Project CSV, with geographic boundaries from TopoJSON.

JJun Suzuki
92% match
Loading thumbnail…

Analyzing Missing Migrants Part V - Multiple Views Cleanup

This interactive visualization combines a geographic bubble map with a time-series histogram to analyze missing migrant incidents. The map projects data points using d3.geoNaturalEarth1 and d3.geoPath, with circle sizes scaled by total dead and missing via d3.scaleSqrt. The histogram bins reported dates into monthly intervals using d3.bin and d3.timeMonths, summing fatalities per bin. Both views share the same dataset from the Missing Migrants Project, rendered as SVG within a React framework using d3.v6 and TopoJSON world atlas boundaries.

WWolfgang
91% match
Loading thumbnail…

Analyzing Missing Migrants (Multiple Views)

This interactive visualization combines a world map and a time-series histogram to analyze migrant deaths and disappearances. The map uses a natural Earth projection to plot circles scaled by the total dead and missing, while the histogram aggregates these counts by reported month. Built with React and D3 v5, it employs `d3.geoNaturalEarth1` and `d3.geoPath` for map rendering, `d3.histogram` and `d3.timeMonths` for temporal binning, and `d3.scaleSqrt` for proportional circle sizing. Data comes from a CSV of missing migrants, with country boundaries from World Atlas TopoJSON.

WWaseem Medhat
91% match
Loading thumbnail…

Missing Migrants Refactored

This interactive visualization combines a world map with a time-series histogram to explore data on missing migrants. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with circles sized by the square-root scale of the reported deaths and missing persons. The lower panel displays a monthly histogram of the same metric, binned using `d3.bin` with `d3.timeMonths` thresholds. The visualization is built with React and D3 v7, rendering SVG elements, and sources data from a CSV of the Missing Migrants project.

RRichardPearce60
90% match
Loading thumbnail…

Analyzing Missing Migrants Part IV - Multiple Views (Getting it to Work)

This interactive visualization presents two coordinated views of missing migrant incidents: a world map with proportional circles showing total dead and missing, and a chronological histogram of monthly totals. The map uses d3.geoPath for the Natural Earth projection with graticules, while the histogram applies d3.bin with timeMonths thresholds. React components manage both views within a single SVG. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, with the world atlas from TopoJSON.

WWolfgang
90% match
Loading thumbnail…

Missing Migrant Part V [optimization]

This visualization combines a world map and a time-series histogram to explore mortality data from the Missing Migrant Project. The map uses a natural Earth projection with circles sized by the total dead and missing per location, while the histogram aggregates monthly totals. Users can brush the histogram to filter which incidents appear on the map. The React app uses d3.v5 for geo paths, scales, time binning, and brushing, rendering all graphics as SVG.

Aadewole-top
90% match
Loading thumbnail…

Analyzing Missing Migrants (Multiple Views w/ Brushing)

This interactive visualization explores global migration incidents, showing a world map with circles sized by the total number of dead and missing migrants at each location. Below, a date histogram displays the monthly sum of casualties, and users can brush across this timeline to filter which incidents appear on the map. The map uses a natural Earth projection via `d3.geoPath` for land and graticule rendering, while the histogram and brushing rely on `d3.scaleTime`, `d3.histogram`, and `brushX`. Data comes from the Missing Migrants Project CSV, rendered as SVG circles with square-root scaling.

WWaseem Medhat
90% match
Loading thumbnail…

Missing Migrants on a Map

This interactive visualization combines a world map with a histogram to display missing migrant data over time. A natural Earth projection shows the geographic distribution of incidents, with circle size encoding the total number of dead and missing per location. A date histogram below aggregates these figures by month, using d3.bin and d3.scaleTime for temporal grouping. The visualization is built with React and D3 v5, using d3.geoPath for map rendering and d3.scaleSqrt for proportional circle sizing based on data from the Missing Migrants Project.

BBrian Philip
90% match