Skip to main content
SimilarExport ZIP
100%

Missing Migrants Date Histogram

✓ Published0🌍 Public
LLove Wessman
Last edited Jan 27, 2022
Created on Jan 27, 2022

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.

AI-generated description
MIT Licensed

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
97% 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
97% match
Loading thumbnail…

Missing Migrants Date Histogram

This visualization presents a histogram of missing migrants over time, aggregated by month, with bar heights representing the total number of dead or missing individuals. The chart uses a time-scaled x-axis and linear y-axis, with bars colored teal. Built with React and D3 v6, the code leverages d3.bin, d3.timeMonths, and d3.scaleTime to compute monthly bins, while d3.scaleLinear handles the count axis. The SVG rendering includes custom axis components that draw ticks and labels, and each bar includes a tooltip via an SVG title element. The data comes from the Missing Migrants dataset (Data Canvas Sense Your City).

RRMartins11
96% 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
96% 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
96% match
Loading thumbnail…

Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants as a date histogram, using data from the Missing Migrants Dataset. It shows a bar chart where each bar represents the sum of casualties for a given month, with the x-axis mapping time and the y-axis representing the count. The implementation uses React with D3 v5, leveraging `d3.bin` to group data into monthly buckets, `d3.sum` to aggregate counts, and `d3.scaleTime` and `d3.scaleLinear` for axis scaling. The chart is rendered as an SVG, with axes generated via custom `AxisBottom` and `AxisLeft` components and data bars drawn as rectangles.

Ssophburke
96% 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
96% 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
96% match