Untitled

100%

✓ Published0🌍 Public

Last edited Apr 27, 2022

Created on Apr 27, 2022

Forked from Missing Migrants Date Histogram

A date histogram displays the sum total of dead and missing migrants for each month, using data from the Missing Migrants Dataset. React components render the visualization, with d3.bin grouping reported dates into monthly bins and d3.sum calculating totals per bin. The AxisBottom and AxisLeft components generate scales and tick marks, while Marks draws rectangles whose heights encode the aggregated counts, with tooltips showing exact values on hover.

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…

Test

A date histogram displays the sum of total dead and missing migrants per month, sourced from the Missing Migrants Dataset. The visualization uses d3.bin to group reported dates into monthly bins and d3.sum to aggregate the death counts within each bin. React components render SVG axes and rectangular marks, with d3.scaleTime and d3.scaleLinear mapping time and counts to pixel coordinates, while tooltips show exact values on hover.

EEdison Gu

89% match

Loading thumbnail…

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

89% match

Loading thumbnail…

new

A date histogram visualizes the sum of total dead and missing migrants per month, with data from the Missing Migrants Dataset. The chart uses d3.bin to create monthly time bins and d3.sum to aggregate values within each bin, rendered as SVG rectangles via React components. Axes are built with d3.scaleTime and d3.scaleLinear, while interactive tooltips display precise values on hover, styled with the Poppins font.

PPavan Nimmagadda

89% match

Loading thumbnail…

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

88% match

Loading thumbnail…

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

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

88% match

Loading thumbnail…

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

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

88% match