Skip to main content
SimilarExport ZIP
100%

dv.39 - missing migrants - part II - histogram

✓ Published0🌍 Public
Zzach b.
Last edited Mar 19, 2021
Created on Nov 12, 2020

This histogram shows the total number of dead and missing migrants per month, aggregated from the Missing Migrants Dataset. The visualization uses d3.bin to group reported dates into monthly buckets and d3.sum to calculate the total for each bin. React renders SVG rectangles via the Marks component, with axes built from d3.scaleTime and d3.scaleLinear. Hovering reveals precise totals using the native SVG title tooltip.

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.

--
Datavis 2020 #39

MIT Licensed

Similar vizzes

Loading thumbnail…

dv2020-ep39-viz41 - missing migrants histogram

This histogram visualizes the total dead and missing migrants over time, with monthly bins from the Missing Migrants Dataset. The visualization uses a React and D3 v5 architecture, rendering SVG graphics with `scaleTime` for the x-axis and `scaleLinear` for the y-axis. The data is processed through D3's `bin` and `timeMonths` functions to aggregate counts into monthly sums, while `csv` loads the dataset asynchronously via a custom `useData` hook.

Zzach b.
93% match
Loading thumbnail…

Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month over time as a histogram. React renders SVG rectangles for each bin via the Marks component, with scales for time and linear values. D3’s `bin()` and `timeMonths()` create the monthly aggregation while `sum()` totals the casualties. The data comes from the Missing Migrants Dataset, loaded through D3’s `csv()` fetch with a React effect hook. Axis components generate tick marks and labels, and hover tooltips display exact values.

JJoe Hutchins
92% match
Loading thumbnail…

Missing Migrants (part 2)

A histogram displays monthly counts of dead and missing migrants from the Missing Migrants Project dataset, with time on the x-axis and total fatalities on the y-axis. Using d3.bin and scaleTime, the data is aggregated into monthly bins, while scaleLinear maps the aggregated sums to bar heights. React renders the SVG elements, with D3's axis and tick components providing labeled scales and tooltips showing exact counts.

JJun Suzuki
91% 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
91% 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
91% 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
91% 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
91% match
Loading thumbnail…

Analyzing Missing Migrants - Part II

This histogram shows the monthly count of dead and missing migrants from the Missing Migrants Project dataset, with time on the x-axis and total dead and missing on the y-axis. The code uses d3.bin with timeMonths thresholds to aggregate the data by month, d3.scaleTime and d3.scaleLinear for the scales, and d3.sum to calculate each bin’s total. React renders the SVG, with custom AxesBottom, AxesLeft, and Marks components using d3’s tick formatting and shapes.

WWolfgang
91% match