new

100%

✓ Published0🌍 Public

Last edited Apr 25, 2024

Created on Apr 25, 2024

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.

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…

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

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

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

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

91% match

Loading thumbnail…

Missing migrants p1

A histogram displays the monthly total of dead and missing migrants, with rectangular bars representing cumulative counts over time. The chart uses React with D3 v6, employing d3.bin, d3.scaleTime, d3.scaleLinear, and d3.timeMonths to aggregate data from the Missing Migrants Project subset. Hovering over a bar reveals a tooltip showing the specific count and month/year. The SVG rendering includes custom axes for time and count, with a Poppins font and teal-colored marks.

Ssurikmeetr

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

90% match

Loading thumbnail…

Fork of 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 with timeMonths thresholds to group the data, d3.sum to aggregate monthly totals, and scales with d3.scaleTime and d3.scaleLinear. The React components render SVG axes and rectangular marks, with a tooltip showing the count on hover. Styling uses the Poppins font with teal bars and gray gridlines.

PPavan Nimmagadda

90% match

Loading thumbnail…

Missing Migrants Date Histogram

This histogram displays the monthly sum of dead and missing migrants, with each bar representing one month and its height indicating the total count. The visualization uses React to render SVG elements and relies on d3.bin to group the data into monthly bins, d3.sum to aggregate the values, and d3.scaleTime and d3.scaleLinear for axes. Data comes from the Missing Migrants Dataset, loaded via d3.csv, with tooltips showing the exact monthly totals on hover.

Sstevensmithj

90% match