Missing Migrants Data Histogram

100%

Missing Migrants Data Histogram

✓ Published1🌍 Public

Last edited Aug 22, 2022

Created on Aug 22, 2022

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.

AI-generated description

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

Similar vizzes

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

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

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

95% match

Loading thumbnail…

Missing Migrants Histo

This histogram visualizes monthly counts of dead and missing migrants over time, revealing trends in reported incidents. The visualization displays the data as vertical bars, with the x-axis representing chronological months and the y-axis showing the aggregate count per period. Built with React and D3 v6, it uses `scaleTime`, `scaleLinear`, and `histogram` (bin) APIs to bin records by month and sum the mortality metric. The SVG rendering includes custom axis components and hover tooltips via native `<title>` elements. Data comes from the Missing Migrants CSV dataset.

AAnthony Ynami

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 interactive visualization displays a date histogram of monthly totals for dead and missing migrants, using data from the Missing Migrants Dataset. The bar chart aggregates individual incident records by month, summing the reported deaths and disappearances for each time bin. Built with React and D3 v5, it renders SVG bars using `d3.bin` to group data into monthly thresholds and `d3.sum` to calculate totals. The visualization demonstrates reusable axis components and tooltips through SVG `<title>` elements.

Qqhfzwyx

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

Loading thumbnail…

Missing Migrants Date Histogram

This visualization shows the monthly count of dead and missing migrants over time, using a histogram with time-based bins. The x-axis displays reported dates in a time scale, while the y-axis encodes the total number of deceased or missing individuals per month. Built with React and D3 v7, the chart uses `d3.bin` and `timeMonths` thresholds to aggregate the CSV data into monthly intervals. SVG rectangles with native tooltips render the bars, with axes generated by custom React components.

LLove Wessman

94% match