Skip to main content
SimilarExport ZIP
100%

Missing Migrant Histogram

✓ Published0🌍 Public
CCodeDuckie99
Last edited Mar 15, 2021
Created on Mar 15, 2021
Forked from Working with Time

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

missing migrant

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins as a histogram. The code uses d3.csv to load data from the Missing Migrants Global 2019 dataset, d3.bin and d3.timeMonths to create temporal bins, and d3.scaleTime and d3.scaleLinear for the axes. React renders the SVG graphic, with d3’s timeFormat used for tick labels and native SVG `<title>` elements providing tooltips. The chart is built using d3 v5 within a React 16 application.

TTsaiJie
95% match
Loading thumbnail…

Missing Migrants Data Histogram

This histogram visualizes the total number of dead and missing migrants over time, using data from the Missing Migrants Global dataset. The chart bins reported incidents by month and sums the casualties within each bin, displayed as vertical bars. Built with React and D3 v7, the visualization uses `d3.scaleTime` for the x-axis, `d3.bin` with `timeMonths` thresholds to aggregate data, and `d3.scaleLinear` for the y-axis. SVG rectangles render the histogram bars, with hover tooltips showing exact values.

SSerind Joshua McCue
94% 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
94% 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
94% 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
94% 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
94% match
Loading thumbnail…

Missing Migrants

This histogram shows the total number of dead and missing migrants over time, with monthly bins displayed as rectangular bars. The visualization uses React to render an SVG chart, with D3 v6 handling data loading, time and linear scales, axis generation, and data binning. The dataset is loaded via d3.csv from a GitHub gist, and each bar includes a native SVG tooltip displaying the exact count. The chart applies a clean design with Poppins typography, teal bars, and labeled axes for time and casualty counts.

JJohn Huang
94% 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
94% match