Fork of Missing Migrants Date Histogram

Fork of Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month, aggregated by year from the Missing Migrants Dataset. It renders as an SVG bar chart using React, where each bar represents the monthly sum of fatalities. The code uses d3.bin to create monthly time bins and d3.sum to aggregate the y-values within each bin, with d3.scaleTime and d3.scaleLinear mapping the data to screen coordinates. Hovering reveals exact totals via SVG title tooltips, while axis components from d3 handle tick generation and formatting.

GGuilinabaoge

Fork of Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month, binned from the Missing Migrants Dataset. The code uses React with D3 v5’s `scaleTime`, `scaleLinear`, `bin`, and `sum` APIs to aggregate monthly totals and render an SVG bar chart. Axes are built with custom components, and bars display tooltips on hover.

AAnkit-Ian-53787

Fork of Missing Migrants Date Histogram

AAnkit-Ian-53787

Fork of Missing Migrants Date Histogram

AAnkit-Ian-53787

Fork of Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants using a bar chart, with time on the x-axis and the aggregated count on the y-axis. Bars represent each month's sum, and hovering reveals the exact value via a tooltip. The chart uses React with D3 v5, leveraging `d3.bin` for histogram binning by month and `d3.sum` for aggregation. Data comes from the Missing Migrants Dataset, and the visualization is rendered as SVG, with custom axes and marks.

AAravind Shenoy

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

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month as a bar chart, with time on the x-axis and count on the y-axis. Data comes from the Missing Migrants Dataset, loaded via `d3.csv`. The chart uses `d3.bin` to group records by month and `d3.sum` to aggregate deaths per bin. React renders the SVG, with custom `AxisBottom`, `AxisLeft`, and `Marks` components, while `d3.scaleTime` and `d3.scaleLinear` handle the scales.

Ssultanmirzapydev

Fork of Missing Migrants Date Histogram

This interactive visualization displays the monthly sum of dead and missing migrants from the Missing Migrants Dataset. Each bar represents a month, with the bar height corresponding to the total count of casualties. The visualization uses React with D3 v5, employing `d3.bin` to group reported dates into monthly intervals and `d3.sum` to aggregate the death counts per bin. The SVG rendering includes custom bottom and left axes, with a Poppins font and a teal color scheme for the bars.

GGrigoris Katrakazas