Missing Migrants

100%

Missing Migrants

✓ Published0🌍 Public

Last edited Mar 30, 2021

Created on Mar 29, 2021

This histogram displays the total number of dead and missing migrants per month from the Missing Migrants Dataset, with the x-axis showing reported dates and the y-axis showing the monthly death toll. The code uses React to render SVG elements and D3 v6 APIs including `scaleTime`, `scaleLinear`, `bin`, and `timeMonths` to aggregate the raw CSV data into monthly bins and draw the bars with axes and hover tooltips.

AI-generated description

A scatter plot of the Missing Migrants Dataset. Implements the D3 margin convention & implements axes using D3 and React.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

This histogram displays the total number of dead and missing migrants per month over time, with each bar’s height representing the monthly sum. The chart uses React to render SVG elements and d3.js APIs including `scaleTime`, `scaleLinear`, `histogram`, and `timeMonths` to bin the data. The data comes from the “Missing Migrants” global subset CSV, and the axes are customized with formatted date labels.

Ee-ines

96% match

Loading thumbnail…

Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants using a date histogram, with time on the x-axis and the count on the y-axis. The bars represent the sum of reported deaths and missing persons for each month, as recorded in the Missing Migrants Dataset. The code leverages React with D3 v5, specifically using `scaleTime` and `scaleLinear` for axes, `histogram` with `timeMonths` thresholds to bin the data, and `sum` to aggregate the totals per bin. The SVG rendering is generated via React components, with tooltips provided through SVG `title` elements.

Yyyaaa1

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

95% match

Loading thumbnail…

Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants over time, aggregated into monthly bins from the Missing Migrants Dataset. A histogram displays the count of deaths per month, with the height of each bar representing the sum of reported deaths in that period. The code uses React with D3 v5 functions such as `scaleTime`, `scaleLinear`, `histogram`, and `timeMonths` to bin data and render an SVG chart. The axes are generated by custom React components, and tooltips reveal exact values per bar.

Jjwlam83

95% match

Loading thumbnail…

Missing Migrants Date Histogram

This interactive chart displays the total number of dead and missing migrants per month, with bars representing each monthly sum. It uses d3.bin to group records into monthly time bins and d3.sum to aggregate the casualties, with scales from d3.scaleTime and d3.scaleLinear mapping data to SVG rectangles. The visualization is built with React, rendering axes and marks as SVG elements, and pulls its data from the Missing Migrants Dataset via d3.csv.

CCurran Kelleher

95% match

Loading thumbnail…

Missing Migrants Date Histogram

This bar chart visualizes the monthly total of dead and missing migrants from the Missing Migrants Dataset. It uses React to render SVG elements, with D3 v5 functions `scaleTime`, `scaleLinear`, `bin`, and `sum` to aggregate and scale the data. The chart displays a histogram where bars represent monthly sums, with axes and labels styled via CSS.

DDanier

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

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

95% match