Missing Migrants Bar Chart (binned)

100%

Missing Migrants Bar Chart (binned)

✓ Published0🌍 Public

Last edited Apr 21, 2022

Created on Feb 28, 2022

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.

AI-generated description

Bar chart showing missing and dead migrants over time [Data] (https://gist.githubusercontent.com/curran/a9656d711a8ad31d812b8f9963ac441c/raw/c22144062566de911ba32509613c84af2a99e8e2/MissingMigrants-Global-2019-10-08T09-47-14-subset.csv)

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

This chart displays the number of dead and missing migrants over time, aggregated into monthly bins. The visualization uses a bar chart where the height of each bar corresponds to the total count for that month. The code leverages React for the UI, D3’s `scaleTime`, `scaleLinear`, `histogram`, and `csv` modules for data fetching and processing, and renders SVG rectangles. The data comes from a CSV file of global migration incidents, with bars colored teal against a light gray grid.

Iiblub

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

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

94% match

Loading thumbnail…

Missing Migrants Bar Chart

This bar chart visualizes the numbers of dead and missing migrants over time, with each bar representing a reported date and its height corresponding to the total casualties. The chart uses a time-based x-axis and a linear y-axis to display the raw data from a Missing Migrants Global dataset subset. Built with React, it leverages d3.scaleTime, d3.scaleLinear, and d3.extent to map data to SVG rectangles, while custom axis components render ticks and labels using d3’s timeFormat.

RRichardPearce60

93% match

Loading thumbnail…

Missing Migrants Date Histogram

This interactive chart displays the total number of dead and missing migrants per month, with bars representing each monthly sum. It uses d3.bin to group records into monthly time bins and d3.sum to aggregate the casualties, with scales from d3.scaleTime and d3.scaleLinear mapping data to SVG rectangles. The visualization is built with React, rendering axes and marks as SVG elements, and pulls its data from the Missing Migrants Dataset via d3.csv.

CCurran Kelleher

93% match

Loading thumbnail…

Missing Migrants

This visualization shows the total number of dead and missing migrants over time, aggregated into monthly bins from a subset of the Missing Migrants Global dataset. The data is loaded via `d3.csv` and binned using `d3.histogram` with `timeMonths` thresholds, summing the 'Total Dead and Missing' values per bin. A time scale (`d3.scaleTime`) and linear scale (`d3.scaleLinear`) map the data to an SVG rendered with React components for axes and rectangle marks. Hovering over each bar reveals its exact total via a native `<title>` tooltip.

CCatalina Vajiac

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

93% match

Loading thumbnail…

Missing Migrants

This interactive bar chart visualizes the cumulative monthly count of dead and missing migrants from the Missing Migrants Global dataset. The chart displays time on the x-axis and the total number of dead and missing individuals on the y-axis, with each bar representing a monthly total. Built with React and D3 v5, the visualization uses d3’s `scaleTime`, `scaleLinear`, and `histogram` functions to bin data into monthly intervals. It renders as an SVG and includes axes generated by custom `AxisBottom` and `AxisLeft` components, along with tooltips showing exact counts.

Wwindwaver

93% match