Missing migrants

100%

Missing migrants

✓ Published0🌍 Public

Last edited May 9, 2021

Created on May 7, 2021

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.

AI-generated description

Scatter plot of temperature dataset using d3 and keeps track using react

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Missing Migrant

This visualization shows the monthly count of dead and missing migrants over time, with bars representing the aggregated total for each month. It uses React with D3 v5 to load CSV data via `d3.csv`, bin the reported dates using `d3.histogram` with `d3.timeMonths` thresholds, and sum the “Total Dead and Missing” values per bin. Axes are rendered with custom SVG components, and a `<title>` element provides hover tooltips. The data comes from the Data Canvas Sense Your City dataset.

Tthomasjungcoe

94% match

Loading thumbnail…

missing migrant

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins as a histogram. The code uses d3.csv to load data from the Missing Migrants Global 2019 dataset, d3.bin and d3.timeMonths to create temporal bins, and d3.scaleTime and d3.scaleLinear for the axes. React renders the SVG graphic, with d3’s timeFormat used for tick labels and native SVG `<title>` elements providing tooltips. The chart is built using d3 v5 within a React 16 application.

TTsaiJie

94% match

Loading thumbnail…

Missing Migrant

This visualization uses a histogram to show the total number of dead and missing migrants per month, based on data from the Missing Migrants Project. The x-axis displays dates using `d3.scaleTime`, while the y-axis encodes counts via `d3.scaleLinear`. Binning is performed with `d3.histogram` and `d3.timeMonths`, and bars are rendered as SVG rectangles using React. The code imports `d3.csv` for data loading and `d3.sum` for aggregation, with axes built from `d3.ticks`.

33ssalunke

94% match

Loading thumbnail…

9:18 missing migrants

This visualization shows the total number of dead and missing migrants reported over time, aggregated into monthly bins. The bar chart uses `d3.bin` and `d3.timeMonths` to group data from a CSV file containing CSS named colors, with `d3.scaleTime` and `d3.scaleLinear` mapping dates and counts. React manages state, while SVG renders the axes and bars, with tooltips via `<title>` elements.

Uumgi

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

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

94% match