32. Missing Migrants Date Histogram

Missing Migrants Date Histogram

This visualization is a date histogram that displays the total number of dead and missing migrants per month, based on data from the Missing Migrants Dataset. It uses React and D3 v5, specifically `d3.bin` to group the data into monthly bins and `d3.sum` to aggregate the casualty counts within each bin. The chart is rendered as an SVG with separate components for axes and rectangular marks, and it includes a tooltip that shows the exact count when hovering over a bar.

Kkth2242

Missing Migrants Date Histogram

This visualization presents a date histogram of the monthly sum of dead and missing migrants, using data from the Missing Migrants Dataset. It displays the total count per month on the y-axis against time on the x-axis. The implementation uses React with D3 v5, employing `d3.bin` to bin the data by month and `d3.sum` to aggregate the totals. The SVG rendering includes axes and rectangular marks with tooltips, all styled with the Poppins font.

MMithun Ghosh

Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants as a date histogram, using data from the Missing Migrants Dataset. It shows a bar chart where each bar represents the sum of casualties for a given month, with the x-axis mapping time and the y-axis representing the count. The implementation uses React with D3 v5, leveraging `d3.bin` to group data into monthly buckets, `d3.sum` to aggregate counts, and `d3.scaleTime` and `d3.scaleLinear` for axis scaling. The chart is rendered as an SVG, with axes generated via custom `AxisBottom` and `AxisLeft` components and data bars drawn as rectangles.

Ssophburke

Missing Migrants Date Histogram

This visualization shows the monthly total of dead and missing migrants as a date histogram, with each bar representing one month’s aggregated count. Built with React and SVG, it processes the Missing Migrants Dataset using d3.csv, d3.bin for time-based binning, and d3.sum to aggregate values per bin. Scales from d3.scaleTime and d3.scaleLinear map the data, while custom React components render the axes and rectangle marks, which include a native SVG `<title>` tooltip.

Aavnig

Missing Migrants Date Histogram

This visualization presents a histogram of missing migrants over time, aggregated by month, with bar heights representing the total number of dead or missing individuals. The chart uses a time-scaled x-axis and linear y-axis, with bars colored teal. Built with React and D3 v6, the code leverages d3.bin, d3.timeMonths, and d3.scaleTime to compute monthly bins, while d3.scaleLinear handles the count axis. The SVG rendering includes custom axis components that draw ticks and labels, and each bar includes a tooltip via an SVG title element. The data comes from the Missing Migrants dataset (Data Canvas Sense Your City).

RRMartins11

Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants using a date histogram, with time on the x-axis and the count on the y-axis. The bars represent the sum of reported deaths and missing persons for each month, as recorded in the Missing Migrants Dataset. The code leverages React with D3 v5, specifically using `scaleTime` and `scaleLinear` for axes, `histogram` with `timeMonths` thresholds to bin the data, and `sum` to aggregate the totals per bin. The SVG rendering is generated via React components, with tooltips provided through SVG `title` elements.

Yyyaaa1

Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month over time as a histogram. React renders SVG rectangles for each bin via the Marks component, with scales for time and linear values. D3’s `bin()` and `timeMonths()` create the monthly aggregation while `sum()` totals the casualties. The data comes from the Missing Migrants Dataset, loaded through D3’s `csv()` fetch with a React effect hook. Axis components generate tick marks and labels, and hover tooltips display exact values.

JJoe Hutchins

Missing Migrants Date Histogram

This interactive chart displays the total number of dead and missing migrants per month, with bars representing each monthly sum. It uses d3.bin to group records into monthly time bins and d3.sum to aggregate the casualties, with scales from d3.scaleTime and d3.scaleLinear mapping data to SVG rectangles. The visualization is built with React, rendering axes and marks as SVG elements, and pulls its data from the Missing Migrants Dataset via d3.csv.

CCurran Kelleher