Fork of Missing Migrants Date Histogram

100%

Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public

Last edited Oct 11, 2021

Created on Oct 11, 2021

Forked from Missing Migrants Date Histogram

This fork of the Missing Migrants visualization is a date histogram that displays the total number of dead and missing migrants per month. The SVG bars are rendered using React components, with axes built from custom D3.js functions. The code leverages `d3.bin` to group data into monthly bins and `d3.sum` to aggregate the values within each bin. The visualization reads from a JSON data source and uses D3's scale functions for the time-based x-axis and linear y-axis.

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

97% match

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 displays a date histogram of the total dead and missing migrants per month, using data from the Missing Migrants Dataset. It employs React with SVG rendering, using d3.bin to bin data by month and d3.sum to aggregate death counts. The chart includes axes rendered through custom React components, with a tooltip showing the precise monthly total on each bar. The y-axis scales linearly to the maximum bin value, while the time-based x-axis spans the full date range of the dataset.

Hhenry c

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

96% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

AAnkit-Ian-53787

96% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

AAnkit-Ian-53787

96% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

A date histogram displays the total dead and missing migrants per month, with each bar representing a monthly aggregate. The chart uses React with D3 v5, leveraging `d3.bin` to create monthly time bins and `d3.sum` to calculate each month's total from the Missing Migrants Dataset. SVG rendering draws the axes and bars, with tooltips via native `<title>` elements.

RRoberto

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

96% match