Skip to main content
SimilarExport ZIP
100%

Histogram, Binned Data, Missing Migrants (codeAlong)

✓ Published0🌍 Public
Ttomahawk-jupiter
Last edited Jun 16, 2021
Created on Jun 10, 2021

This histogram visualizes the total number of dead and missing migrants per month, using data from the Missing Migrants Project. The code relies on d3.histogram to bin the reported dates into monthly intervals and d3.sum to aggregate the death counts within each bin. React renders the SVG axes and rectangular marks, while d3.scaleTime and d3.scaleLinear map the time and count scales.

AI-generated description

Changing the scatter plot to take in new data with time being on the x axis.

MIT Licensed

Similar vizzes

Loading thumbnail…

Histogram

This histogram displays the total number of dead and missing migrants per month, with time on the x-axis and the monthly death count on the y-axis. The visualization uses React with D3 v5, leveraging `d3.bin` to group data into monthly bins and `d3.sum` to aggregate the death counts within each bin. The data comes from the Missing Migrants Dataset, loaded via `d3.csv`, and is rendered as SVG rectangles with tooltips showing exact values. Axes are constructed with `scaleTime` and `scaleLinear`.

ZZiting Li
92% match
Loading thumbnail…

Missing Migrant Histogram

This histogram visualizes the cumulative count of dead and missing migrants over time, derived from a global dataset sourced via a GitHub-hosted CSV. The D3.js v6 `bin` and `timeMonths` APIs aggregate the data into monthly bins, which are then rendered as SVG rectangles. React manages the interactive chart’s composition, while D3’s `scaleTime` and `scaleLinear` handle axes, along with custom axis components. The visualization highlights temporal trends in migrant fatalities, with a tooltip providing exact totals per bin.

CCodeDuckie99
91% 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
91% 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…

Analyzing Missing Migrants (Histogram)

This histogram visualizes the total number of dead and missing migrants over time, binning incidents by month. The chart uses D3’s `scaleLinear` for the axes and `bin` (a histogram generator) with `timeMonths` thresholds to aggregate the data. React components render the SVG marks, with `AxisBottom` formatting dates via `timeFormat` and `Marks` drawing rectangles for each bin. The data is loaded from a CSV using D3’s `csv` method.

WWaseem Medhat
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
90% match
Loading thumbnail…

Missing migrant

A histogram displays the monthly count of dead and missing migrants from the Missing Migrants Project dataset. React renders an SVG chart using D3 scales and axes, with `d3.bin` and `timeMonths` aggregating reported dates, and `d3.sum` totaling fatalities per bin. Color-coded bars show the distribution over time, with axis labels and tooltips providing precise values.

SShuyu Zheng
90% match
Loading thumbnail…

Missing Migrant

This visualization uses a histogram to show the total number of dead and missing migrants per month, based on data from the Missing Migrants Project. The x-axis displays dates using `d3.scaleTime`, while the y-axis encodes counts via `d3.scaleLinear`. Binning is performed with `d3.histogram` and `d3.timeMonths`, and bars are rendered as SVG rectangles using React. The code imports `d3.csv` for data loading and `d3.sum` for aggregation, with axes built from `d3.ticks`.

33ssalunke
90% match