Fork of Missing Migrants Date Histogram

100%

Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public

Last edited May 24, 2023

Created on May 24, 2023

Forked from Missing Migrants Date Histogram

This interactive visualization displays the monthly sum of dead and missing migrants from the Missing Migrants Dataset. Each bar represents a month, with the bar height corresponding to the total count of casualties. The visualization uses React with D3 v5, employing `d3.bin` to group reported dates into monthly intervals and `d3.sum` to aggregate the death counts per bin. The SVG rendering includes custom bottom and left axes, with a Poppins font and a teal color scheme for the bars.

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 interactive bar chart displays the monthly totals of dead and missing migrants, with each bar representing one month and height proportional to the aggregate count. The visualization uses React for component structure, with D3 v5 handling data processing and scales. It demonstrates d3.bin for time-binning and d3.sum for aggregating values, rendering bars as SVG rectangles. Data comes from the Missing Migrants Dataset, loaded via d3.csv, with axes customized using scaleTime and scaleLinear.

Mmp7090

97% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

Mmp7090

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

96% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month, aggregated by year from the Missing Migrants Dataset. It renders as an SVG bar chart using React, where each bar represents the monthly sum of fatalities. The code uses d3.bin to create monthly time bins and d3.sum to aggregate the y-values within each bin, with d3.scaleTime and d3.scaleLinear mapping the data to screen coordinates. Hovering reveals exact totals via SVG title tooltips, while axis components from d3 handle tick generation and formatting.

GGuilinabaoge

96% 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

96% 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

96% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows monthly totals of dead and missing migrants from the Missing Migrants Dataset. It renders a bar chart as SVG, with time on the x-axis and cumulative deaths per month on the y-axis. Built with React and D3 v5, the code uses `d3.bin` with `timeMonths` thresholds to aggregate data, `d3.sum` to calculate monthly totals, and `scaleTime` and `scaleLinear` for axes. Hovering over a bar reveals its exact total via a native SVG `<title>` tooltip.

MMATTE-blz

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, sourced from the Missing Migrants Dataset. It uses d3.bin and d3.sum to aggregate the data into monthly bins, with an SVG rendering via React. The y-axis scales linearly to the maximum monthly total, while the x-axis uses a time scale with formatted tick labels. Hovering over each bar reveals the exact count through a native SVG title tooltip.

Ccamilo.nemocon

96% match