sas

100%

✓ Published0🌍 Public

Last edited Oct 21, 2022

Created on Oct 21, 2022

Forked from Missing Migrants Date Histogram

A bar chart displays the monthly sum of total dead and missing migrants, with time on the x-axis and death counts on the y-axis. Using React and D3 v5, the visualization applies `d3.bin` with monthly time thresholds to group the data, then `d3.sum` to aggregate the values per bin. SVG rectangles render the bars, with axes built from reusable components and interactivity via `<title>` tooltips. Data comes from the Missing Migrants Dataset, and the chart demonstrates time-based histogram creation.

AI-generated description

A date histogram showing the sum total dead and missing migrants for each month.

Data from the Missing Migrants Dataset.

Demonstrates use of d3.bin and d3.sum.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants DataSet I

This visualization displays monthly totals of dead and missing migrants from the Missing Migrants Global dataset, aggregated by reported date using a histogram. The bar chart shows the sum of casualties per month over time, with a time-scaled x-axis and linear y-axis. Built with React and d3.v5, it uses d3.csv for data loading, d3.bin with d3.timeMonths for binning, and custom SVG axis and mark components. The bars include native tooltips showing exact monthly totals.

CChris Briggs

84% match

Loading thumbnail…

Dataviz 11 - Missing migrants #2

This histogram visualizes the number of dead and missing migrants over time, with each bar representing cumulative fatalities per month. Built with React and D3 v5, it uses `d3.csv` to load a subset of the Missing Migrants Global dataset, `scaleTime` and `scaleLinear` for axes, and `bin()` with `timeMonths` thresholds to aggregate data. SVG rectangles render the bars, with tooltips via SVG `<title>` elements. The visualization includes labeled axes for "Time" and "Total Dead and Missing," styled with a Poppins font.

RRyAlpha

84% match

Loading thumbnail…

Missing migrants

This visualization shows the total number of dead and missing migrants reported per month, using a bar chart where each bar aggregates monthly totals. The code loads a CSV dataset of migrant incidents, bins the reported dates into monthly intervals using `d3.bin` with `timeMonths` thresholds, and sums the "Total Dead and Missing" values per bin. React manages the component state while D3 scales (`scaleTime`, `scaleLinear`) and axes render the SVG output. Axes are formatted with `timeFormat`, and tooltips display raw values via SVG `<title>` elements.

MmohitPassan

84% match

Loading thumbnail…

Missing Migrants Bar Chart (binned)

This bar chart visualizes the monthly counts of dead and missing migrants, using binned time-series data from a CSV of global migrant incidents. The visualization aggregates reported dates into monthly bins via d3.bin and timeMonths, summing the "Total Dead and Missing" values per bin with d3.sum. A time scale maps dates to the x-axis, while a linear scale handles the y-axis counts. The React-based component renders SVG rectangles for each bin, with axes generated through custom components and D3's scaleTime, scaleLinear, and timeFormat utilities.

RRichardPearce60

84% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month as a bar chart, with time on the x-axis and count on the y-axis. Data comes from the Missing Migrants Dataset, loaded via `d3.csv`. The chart uses `d3.bin` to group records by month and `d3.sum` to aggregate deaths per bin. React renders the SVG, with custom `AxisBottom`, `AxisLeft`, and `Marks` components, while `d3.scaleTime` and `d3.scaleLinear` handle the scales.

Ssultanmirzapydev

84% match

Loading thumbnail…

Missing Migrants Line Chart

This example visualizes monthly totals of dead and missing migrants using a bar chart built with React and D3 v5, drawing from the Missing Migrants dataset. The x-axis maps reported dates using `scaleTime`, while the y-axis uses `scaleLinear` to show aggregated counts computed with `d3.bin` and `sum`. SVG rendering displays orange bars with axis labels, and native `<title>` tooltips provide values on hover. The data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file.

AAndre J Denais

84% match

Loading thumbnail…

Missing Migrants

An interactive bar chart visualizes the number of dead and missing migrants over time, with monthly bins along the x-axis and the total count on the y-axis. The visualization uses React to render SVG elements, with D3 v5 functions like `scaleTime`, `scaleLinear`, `histogram`, and `sum` to process and aggregate the data. Data is loaded from a CSV via `d3.csv`, and the chart includes axis components and tooltips showing the exact count per bin.

Ppnlinyz

84% match

Loading thumbnail…

Missing Migrants Date Histogram

This bar chart visualizes the monthly total of dead and missing migrants from the Missing Migrants Dataset. It uses React to render SVG elements, with D3 v5 functions `scaleTime`, `scaleLinear`, `bin`, and `sum` to aggregate and scale the data. The chart displays a histogram where bars represent monthly sums, with axes and labels styled via CSS.

DDanier

84% match