Missing Migrants

Missing migrants

This visualization shows the total number of dead and missing migrants reported per month, using a bar chart where each bar aggregates monthly totals. The code loads a CSV dataset of migrant incidents, bins the reported dates into monthly intervals using `d3.bin` with `timeMonths` thresholds, and sums the "Total Dead and Missing" values per bin. React manages the component state while D3 scales (`scaleTime`, `scaleLinear`) and axes render the SVG output. Axes are formatted with `timeFormat`, and tooltips display raw values via SVG `<title>` elements.

MmohitPassan

Missing Migrant

This visualization uses a histogram to show the total number of dead and missing migrants per month, based on data from the Missing Migrants Project. The x-axis displays dates using `d3.scaleTime`, while the y-axis encodes counts via `d3.scaleLinear`. Binning is performed with `d3.histogram` and `d3.timeMonths`, and bars are rendered as SVG rectangles using React. The code imports `d3.csv` for data loading and `d3.sum` for aggregation, with axes built from `d3.ticks`.

33ssalunke

Missing Migrants

This visualization shows the total number of dead and missing migrants over time, aggregated by month. The chart uses a bar histogram to display the data, with each bar representing the sum of casualties within a monthly bin. Built with React and D3 v5, it employs `scaleTime`, `scaleLinear`, and `histogram` to bin the data, while SVG renders the axes and marks. The dataset comes from the Data Canvas Sense Your City project, loaded via `d3.csv`.

MMichael Bergerson

missing migrant

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins as a histogram. The code uses d3.csv to load data from the Missing Migrants Global 2019 dataset, d3.bin and d3.timeMonths to create temporal bins, and d3.scaleTime and d3.scaleLinear for the axes. React renders the SVG graphic, with d3’s timeFormat used for tick labels and native SVG `<title>` elements providing tooltips. The chart is built using d3 v5 within a React 16 application.

TTsaiJie

Missing Migrants 2

This visualization shows monthly totals of dead and missing migrants from a subset of the Missing Migrants Global dataset, with time on the x-axis and count on the y-axis as a bar chart. It loads CSV data via D3’s `csv` utility, bins entries by month using `d3.histogram` with `timeMonths` thresholds, and sums the total dead and missing per bin. The chart is rendered as SVG using React components, with axes from custom `AxisBottom` and `AxisLeft` components and bars from a `Marks` component, all styled via CSS.

NNikita Toropov

Missing Migrants Aggregate

This histogram shows the monthly aggregate total of dead and missing migrants worldwide, with bars representing cumulative deaths per month over time. The visualization uses React to manage state and D3 v5's `scaleTime`, `scaleLinear`, `histogram`, and `timeMonths` APIs to bin the data by calendar month and compute the sum of deaths per bin. The data comes from a subset of the Missing Migrants Global dataset, loaded via `d3.csv`, and is rendered as SVG rectangles with tooltips showing exact totals.

MMark Lam

Missing Migrants DataSet I

This visualization displays monthly totals of dead and missing migrants from the Missing Migrants Global dataset, aggregated by reported date using a histogram. The bar chart shows the sum of casualties per month over time, with a time-scaled x-axis and linear y-axis. Built with React and d3.v5, it uses d3.csv for data loading, d3.bin with d3.timeMonths for binning, and custom SVG axis and mark components. The bars include native tooltips showing exact monthly totals.

CChris Briggs

Missing Migrants Records

This histogram displays the monthly total of dead and missing migrants from the Missing Migrants Global dataset. The time axis spans from early 2014 to late 2019, with bar heights representing the aggregated count for each month. The visualization uses D3’s `scaleTime`, `bin` with `timeMonths` thresholds, and `sum` to aggregate data, rendered as SVG rectangles via React. Data is loaded asynchronously with `d3.csv`, and axes are generated using custom `AxisBottom` and `AxisLeft` components, with tooltips showing the month’s start date.

Ccshm407