Fork of AggregatedDeaths

100%

Fork of AggregatedDeaths

✓ Published0🌍 Public

Last edited May 3, 2021

Created on May 3, 2021

This visualization displays the total number of dead and missing migrants each month, using data from the Missing Migrants Dataset. The bar chart's x-axis represents time, while the y-axis shows the average age at death, with each bar's height corresponding to the mean age for that month. Built with React and rendered as SVG, the code uses d3's `bin` function to aggregate data into monthly intervals and `mean` to calculate the average age, with axes and marks handled by custom components.

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 shows monthly totals of dead and missing migrants from the Missing Migrants Dataset. It renders a bar chart as SVG, with time on the x-axis and cumulative deaths per month on the y-axis. Built with React and D3 v5, the code uses `d3.bin` with `timeMonths` thresholds to aggregate data, `d3.sum` to calculate monthly totals, and `scaleTime` and `scaleLinear` for axes. Hovering over a bar reveals its exact total via a native SVG `<title>` tooltip.

MMATTE-blz

91% match

Loading thumbnail…

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

91% match

Loading thumbnail…

AggregatedDeaths

This chart visualizes the total number of dead and missing migrants each month, aggregating the data into a date histogram. The y-axis displays the average age of death per month, while the x-axis shows time. The visualization uses React and D3 v5, specifically leveraging `d3.bin` to group the data into monthly bins and `d3.mean` to calculate the average age. The chart is rendered as an SVG and pulls data from a CSV file hosted in a GitHub gist.

AAnnie Ulichney

91% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This bar chart displays the monthly count of dead and missing migrants, binned from individual incident records in the Missing Migrants Dataset. The visualization uses React with D3 v5, employing `d3.bin` to aggregate dates into monthly buckets and `d3.sum` to total deaths per bin. Data loads via `d3.csv`, with axes created by custom React components and bars rendered as SVG rectangles. Tooltips show exact totals for each month.

Aaksniks

90% match

Loading thumbnail…

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

90% match

Loading thumbnail…

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

90% match

Loading thumbnail…

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

90% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

AAnkit-Ian-53787

90% match