Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public
Mmengdong
Last edited Jul 17, 2021
Created on Jul 17, 2021

This visualization displays the total number of dead and missing migrants per month as a histogram, using data from the Missing Migrants Dataset. The React application loads the CSV data with d3.csv, then uses d3.bin and d3.sum to aggregate the monthly totals. The resulting bars are rendered as SVG rectangles with d3.scaleTime and d3.scaleLinear providing the x and y scales. The axis components are custom React components that use d3’s tick functions to generate grid lines and labels.

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 histogram visualizes the monthly total of dead and missing migrants, using data from the Missing Migrants Dataset. The React application loads the data via `d3.csv` and displays the counts as vertically positioned rectangles. The visualization uses D3 v5's `scaleTime`, `histogram` (via `bin()`), and `sum` to aggregate the data by month, with axes rendered as SVG elements. Time is shown on the x-axis, and the counts are on the y-axis, with a tooltip revealing the exact sum for each bar.

AAliaksandr
98% match
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

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

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month, aggregated from the Missing Migrants Dataset. It uses d3.bin to bin records by month and d3.sum to calculate monthly totals, then renders bars with React and SVG. The chart includes time-scaled axes using d3.scaleTime and d3.scaleLinear, with hover tooltips showing exact values via SVG title elements, and demonstrates the d3.csv data loading pattern.

Ttanvir40945
97% 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
97% 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
97% 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

This visualization shows a date histogram of the total dead and missing migrants per month, using the Missing Migrants Dataset. The chart renders SVG rectangles via React components, with axes built from custom `AxisBottom` and `AxisLeft` components that use D3 scales. Data is loaded with D3’s `csv` function, then binned by month using `d3.bin` and aggregated with `d3.sum`. Hovering reveals exact totals through native SVG `<title>` tooltips.

MMark Lam
96% match