Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public
Bbgeffrault
Last edited Nov 20, 2021
Created on Nov 20, 2021

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.

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

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
98% 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 displays the monthly count of dead and missing migrants, with time on the x-axis and total fatalities on the y-axis. The visualization uses React to render SVG elements and D3 v5’s d3.bin and d3.sum functions to aggregate the data into monthly bins, sourced from the Missing Migrants Dataset. Axes are generated with custom React components, and bars include tooltips showing exact values.

Eevers-codeshop-ai
97% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

A date histogram visualizes the monthly sum of dead and missing migrants from the Missing Migrants Dataset, using time-binned bars along a linear scale for counts. Built with React and D3 v5, the chart applies `d3.bin` with `timeMonths` thresholds and `d3.sum` to aggregate values, rendering SVG rectangles via reusable axis and mark components. Axes are drawn with custom `AxisBottom` and `AxisLeft` components, while a native SVG `<title>` element provides hover tooltips showing the total per bin.

MMilena Belianovich Holtman
97% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This histogram displays the total number of dead and missing migrants per month, using data from the Missing Migrants Dataset. It aggregates individual incident records into monthly bins, with bar heights representing the summed fatalities and disappearances. The visualization is built with React and D3 v5, using d3.bin to create time-based bins and d3.sum to calculate monthly totals. The SVG chart includes custom axis components and tooltips that reveal exact values on hover.

AAnthony Zornig
97% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization presents a monthly date histogram of the total number of dead and missing migrants, using data from the Missing Migrants Dataset. The x-axis displays time, while the y-axis shows the cumulative count per month. Built with React and D3 v5, the chart leverages `d3.bin` to group records into monthly intervals and `d3.sum` to aggregate the total dead and missing per bin, rendering bars as SVG `<rect>` elements with hover tooltips.

Kkevinkga
97% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

A date histogram displays the total dead and missing migrants per month, with each bar representing a monthly aggregate. The chart uses React with D3 v5, leveraging `d3.bin` to create monthly time bins and `d3.sum` to calculate each month's total from the Missing Migrants Dataset. SVG rendering draws the axes and bars, with tooltips via native `<title>` elements.

RRoberto
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