Skip to main content
SimilarExport ZIP
100%

Missing Migrants Date Histogram

✓ Published0🌍 Public
Jjwlam83
Last edited Jan 15, 2022
Created on Jan 15, 2022

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.

AI-generated description

A scatter plot of the Missing Migrants Dataset.

Each point in the plot represents a single event.

MIT Licensed

Similar vizzes

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

Missing Migrants Date Histogram

This visualization presents a date histogram of the monthly sum of dead and missing migrants, using data from the Missing Migrants Dataset. It displays the total count per month on the y-axis against time on the x-axis. The implementation uses React with D3 v5, employing `d3.bin` to bin the data by month and `d3.sum` to aggregate the totals. The SVG rendering includes axes and rectangular marks with tooltips, all styled with the Poppins font.

MMithun Ghosh
96% match