USA

100%

✓ Published0🌍 Public

Last edited Apr 23, 2024

Created on Apr 23, 2024

Forked from Fork of Missing Migrants Date Histogram

A date histogram shows the monthly sum of total dead and missing migrants, with time on the x-axis and death counts on the y-axis. Built with React and D3 v5, it uses `d3.bin` to group reports into monthly bins and `d3.sum` to aggregate the values per bin. The visualization is rendered as SVG, with axes and labeled rectangles drawn from the Missing Migrants Dataset. Tooltips display each bar’s exact total.

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…

USA Death vs time

This example visualizes the total number of dead and missing migrants per month using a date histogram, highlighting the peak month in red. It employs D3's `scaleTime`, `scaleLinear`, `histogram` (via `d3.bin`), and `sum` functions to bin and aggregate data from the Missing Migrants Dataset. The rendering uses React with SVG, featuring interactive hover tooltips and zoom functionality through D3's `zoom` behavior. Axes are drawn with custom `AxisBottom` and `AxisLeft` components.

PPavan Nimmagadda

93% 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 presents a date histogram of the monthly sum of dead and missing migrants, using data from the Missing Migrants Dataset. The chart aggregates reported incidents by month, with bar heights representing the total casualties per time period. The code uses React with D3 v5 functions including `d3.bin` to create monthly bins, `d3.sum` to aggregate values, and `d3.scaleTime` and `d3.scaleLinear` for the axes. The SVG rendering includes custom axis components and rect marks with tooltip titles, all styled with CSS.

PPratik Raja

88% match

Loading thumbnail…

Histogram

This histogram displays the total number of dead and missing migrants per month, with time on the x-axis and the monthly death count on the y-axis. The visualization uses React with D3 v5, leveraging `d3.bin` to group data into monthly bins and `d3.sum` to aggregate the death counts within each bin. The data comes from the Missing Migrants Dataset, loaded via `d3.csv`, and is rendered as SVG rectangles with tooltips showing exact values. Axes are constructed with `scaleTime` and `scaleLinear`.

ZZiting Li

88% match

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

88% match

Loading thumbnail…

Missing Migrants Date Histogram

This interactive visualization displays a date histogram of monthly totals for dead and missing migrants, using data from the Missing Migrants Dataset. The bar chart aggregates individual incident records by month, summing the reported deaths and disappearances for each time bin. Built with React and D3 v5, it renders SVG bars using `d3.bin` to group data into monthly thresholds and `d3.sum` to calculate totals. The visualization demonstrates reusable axis components and tooltips through SVG `<title>` elements.

Qqhfzwyx

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

88% match