Missing Migrants

Missing Migrants - 1

A histogram displays the monthly total of dead and missing migrants, using data from a simplified Missing Migrants CSV. Bars are rendered as SVG rectangles within a React component, with the x-axis representing time and the y-axis showing aggregate counts. The chart uses D3 v7’s `scaleTime`, `scaleLinear`, `histogram`, and `timeMonths` thresholds to bin records, while axes are custom components. Tooltips reveal the month range and count for each bar.

Ppranav-vis

Missing Migrants Date Histogram

This histogram displays the monthly sum of dead and missing migrants, with each bar representing one month and its height indicating the total count. The visualization uses React to render SVG elements and relies on d3.bin to group the data into monthly bins, d3.sum to aggregate the values, and d3.scaleTime and d3.scaleLinear for axes. Data comes from the Missing Migrants Dataset, loaded via d3.csv, with tooltips showing the exact monthly totals on hover.

Sstevensmithj

Missing Migrants

This histogram displays the total number of dead and missing migrants per month from the Missing Migrants Dataset, with the x-axis showing reported dates and the y-axis showing the monthly death toll. The code uses React to render SVG elements and D3 v6 APIs including `scaleTime`, `scaleLinear`, `bin`, and `timeMonths` to aggregate the raw CSV data into monthly bins and draw the bars with axes and hover tooltips.

Llaurajchang

Missing Migrants

This histogram shows the total number of dead and missing migrants over time, with monthly bins displayed as rectangular bars. The visualization uses React to render an SVG chart, with D3 v6 handling data loading, time and linear scales, axis generation, and data binning. The dataset is loaded via d3.csv from a GitHub gist, and each bar includes a native SVG tooltip displaying the exact count. The chart applies a clean design with Poppins typography, teal bars, and labeled axes for time and casualty counts.

JJohn Huang

Missing Migrants Date Histogram

This bar chart visualizes the monthly total of dead and missing migrants from the Missing Migrants Dataset. It uses React to render SVG elements, with D3 v5 functions `scaleTime`, `scaleLinear`, `bin`, and `sum` to aggregate and scale the data. The chart displays a histogram where bars represent monthly sums, with axes and labels styled via CSS.

DDanier

missing migrants project

This histogram displays the total number of dead and missing migrants over time, aggregated by month. Built with React and SVG, it uses d3’s scaleTime, scaleLinear, and histogram functions to bin incident counts by reported date. Each bar’s height corresponds to the monthly sum of deaths, with axis ticks styled via CSS. The data comes from the Missing Migrants Global 2019 subset CSV, loaded asynchronously.

Sseanowh

Missing Migrants Histo

This histogram visualizes monthly counts of dead and missing migrants over time, revealing trends in reported incidents. The visualization displays the data as vertical bars, with the x-axis representing chronological months and the y-axis showing the aggregate count per period. Built with React and D3 v6, it uses `scaleTime`, `scaleLinear`, and `histogram` (bin) APIs to bin records by month and sum the mortality metric. The SVG rendering includes custom axis components and hover tooltips via native `<title>` elements. Data comes from the Missing Migrants CSV dataset.

AAnthony Ynami

Missing Migrants Data Histogram

This histogram visualizes the total number of dead and missing migrants over time, using data from the Missing Migrants Global dataset. The chart bins reported incidents by month and sums the casualties within each bin, displayed as vertical bars. Built with React and D3 v7, the visualization uses `d3.scaleTime` for the x-axis, `d3.bin` with `timeMonths` thresholds to aggregate data, and `d3.scaleLinear` for the y-axis. SVG rectangles render the histogram bars, with hover tooltips showing exact values.

SSerind Joshua McCue