Fork of Missing Migrants Date Histogram

100%

Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public

Last edited Jan 18, 2021

Created on Jan 18, 2021

Forked from 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.

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 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.

Mmengdong

98% 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 histogram displays the monthly total of dead and missing migrants, with each bar representing one month’s sum. The visualization uses React with D3 v5’s `d3.bin` to group records into time-based bins and `d3.sum` to aggregate the death counts per bin. Axes are rendered via custom React components, with data loaded from a CSV using `d3.csv` and displayed as an SVG.

Ssatra546

97% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

A date histogram displays the sum total of dead and missing migrants per month, using data from the Missing Migrants Dataset. The visualization uses React with D3 v5, employing `d3.bin` to create monthly bins and `d3.sum` to aggregate the total dead and missing per bin. Bars are rendered as SVG rectangles with hover tooltips showing the sum total. The chart is styled with a Poppins font and includes time-scaled x-axis and linear y-axis.

Cchar0496

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

96% 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 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 the total number of dead and missing migrants per month using data from the Missing Migrants Dataset. It aggregates reported date values into monthly bins via `d3.bin` and calculates each bar’s height with `d3.sum`. The React-based SVG chart, authored with D3 v5, uses `scaleTime` and `scaleLinear` for axes, with axis components and marks rendered as reusable React components. Bars display tooltips on hover, and the time axis auto-generates ticks via `xScale.ticks()`.

Eelena

96% match