Missing Migrants Line Chart

100%

Missing Migrants Line Chart

✓ Published0🌍 Public

Last edited Dec 11, 2020

Created on Nov 4, 2020

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.

AI-generated description

A scatter plot of the Missing Migrants.

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

Missing Migrants Line Chart

This line chart visualizes the total number of dead and missing migrants over time, with data sourced from a CSV file of global migration incidents. The chart aggregates reported dates into monthly bins using d3.bin and d3.timeMonths, then sums the fatalities per bin. The visualization uses SVG rendering with React components for the axes and marks, scaling time with d3.scaleTime and linear values with d3.scaleLinear. Data loading is handled via d3.csv within a custom React hook, and the chart includes labeled axes and interactive circle markers for each data point.

Iiblub

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

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

92% match

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

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

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

92% match