Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public
Hhienng9
Last edited Aug 24, 2023
Created on Aug 24, 2023

This visualization shows the total number of dead and missing migrants per month over time, using a date histogram built with React and D3 v5. The code employs `d3.bin` with `timeMonths` thresholds to group data into monthly bins and `d3.sum` to aggregate the “Total Dead and Missing” values within each bin. Axes are rendered as SVG elements using reusable React components, with scales created via `d3.scaleTime` and `d3.scaleLinear`. Data comes from the Missing Migrants Dataset loaded through `d3.csv`.

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 visualization displays the monthly total of dead and missing migrants as a date histogram, drawn with SVG in a React application using D3 v5. It uses `d3.bin` to group data into monthly time bins and `d3.sum` to aggregate the reported values per bin. The axes are generated with `d3.scaleTime` and `d3.scaleLinear`, with data sourced from the Missing Migrants Dataset.

Mmuwu16
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
97% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants using a histogram built with React and D3 v5. The code uses `d3.bin` to group data by month via `timeMonths` thresholds and `d3.sum` to aggregate the "Total Dead and Missing" values for each bin. SVG rectangles render the bars with axes from `AxisBottom` and `AxisLeft`, while data comes from the Missing Migrants Dataset loaded through `csv`. Tooltips appear via SVG `<title>` elements, and the chart includes axis labels for time and casualty counts.

EEdgar Alves
97% 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
97% 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 from the Missing Migrants Dataset. The chart uses React and D3 v5, employing `d3.bin` to group reported dates into monthly bins and `d3.sum` to aggregate the death tolls. SVG rectangles render the bars, with axes built from custom React components. The data is loaded asynchronously via `d3.csv` from a GitHub gist, and the y-axis shows total casualties while the x-axis spans time.

AAnkit-Ian-53787
97% 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
96% 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, using data from the Missing Migrants Dataset. Built with React and D3 v5, it showcases the `bin()` and `sum()` APIs from `d3-array` to aggregate monthly totals, rendered as SVG rectangles with tooltips. The chart employs `scaleTime()` for the x-axis and `scaleLinear()` for the y-axis, with a clean, minimal aesthetic defined by custom styling.

DDivyaKota2@my.unt.edu
96% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization presents a monthly date histogram of the total number of dead and missing migrants, using data from the Missing Migrants Dataset. The x-axis displays time, while the y-axis shows the cumulative count per month. Built with React and D3 v5, the chart leverages `d3.bin` to group records into monthly intervals and `d3.sum` to aggregate the total dead and missing per bin, rendering bars as SVG `<rect>` elements with hover tooltips.

Kkevinkga
96% match