Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public
Jjessie.xie2023@gmail.com
Last edited Feb 12, 2025
Created on Feb 12, 2025

This histogram visualizes the monthly total of dead and missing migrants, drawn as SVG rectangles within a React application. Each bin aggregates the sum of the "Total Dead and Missing" column from the Missing Migrants Dataset, using the d3.bin function to create monthly time buckets and d3.sum to accumulate values. The chart's axes use d3.scaleTime and d3.scaleLinear, with tick grids and labels styled via CSS. Hovering over a bar reveals its exact total through a tooltip.

AI-generated description

A date histogram showing the sum total dead and missing migrants for each month.

Data from the Missing Migrants Dataset.

Demonstrates use of d3.bin and d3.sum.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month, using a date histogram built with React and SVG. It loads data from the Missing Migrants Dataset and applies d3.bin to create monthly bins, with d3.sum aggregating casualties per bin. The chart renders axes and marks via reusable React components, using d3.scaleTime, d3.scaleLinear, and d3.extent for scaling. Bar heights represent monthly totals, with tooltips showing exact values via SVG titles.

YYedrup
97% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

A histogram aggregates monthly totals of dead and missing migrants from the Missing Migrants Dataset. The chart displays time on the x-axis and the summed count per month on the y-axis, with SVG rectangles representing each bin. Built with React and D3 v5, it uses `d3.bin` to create monthly thresholds and `d3.sum` to aggregate values, while custom axis components render the scales. Tooltips show exact totals on hover.

AAlex Stulov
96% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This histogram visualizes the monthly total of dead and missing migrants worldwide, with bar heights representing the sum of reported cases per month. It uses React to render SVG elements, with d3.bin for time-based binning and d3.sum to aggregate values within each bin. The data comes from the Missing Migrants Dataset, loaded via d3.csv. Axis components are custom React components that use d3 scale functions to position ticks and labels.

Rrnyc1
96% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month, displayed as a histogram with bars representing monthly sums over time. Using React with D3.js v5, the code employs `d3.bin` to group data into monthly intervals and `d3.sum` to aggregate the casualty counts for each bin. The chart renders SVG rectangles scaled by `d3.scaleTime` on the x-axis and `d3.scaleLinear` on the y-axis, with data sourced from the Missing Migrants Dataset.

MMatthew Talty Colvard
96% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays a date histogram of the total dead and missing migrants per month, using data from the Missing Migrants Dataset. It employs React with SVG rendering, using d3.bin to bin data by month and d3.sum to aggregate death counts. The chart includes axes rendered through custom React components, with a tooltip showing the precise monthly total on each bar. The y-axis scales linearly to the maximum bin value, while the time-based x-axis spans the full date range of the dataset.

Hhenry c
96% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This histogram visualizes monthly totals of dead and missing migrants, with each bar representing the sum of reported deaths for that month. The chart uses React to render SVG elements, while d3.v5 APIs including `d3.bin`, `d3.sum`, `d3.scaleTime`, and `d3.scaleLinear` handle data binning and scaling. Data comes from the Missing Migrants Dataset, loaded via `d3.csv` with parsed date and numeric columns.

Ddeepanshu03091995
96% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month as a histogram, using data from the Missing Migrants Dataset. The chart bins reported dates into monthly intervals with d3.bin and sums the corresponding death counts using d3.sum for each bin. Time and linear scales position the bars, with React rendering the SVG axes and rectangles, which include native tooltips showing the tallied values.

Aamalia22
96% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

A histogram visualizes the monthly sum of dead and missing migrants from the Missing Migrants Dataset, with time on the x-axis and total fatalities on the y-axis. Built with React and D3 v5, it uses `d3.bin` to group reported dates into monthly thresholds and `d3.sum` to aggregate the "Total Dead and Missing" values for each bin. The SVG chart includes custom axis components, a tooltip via SVG `<title>`, and a Poppins-styled interface.

Bbgeffrault
96% match