Analyzing Missing Migrants

100%

Analyzing Missing Migrants

✓ Published0🌍 Public

Last edited Feb 12, 2023

Created on Feb 12, 2023

This visualization analyzes missing migrant data by showing the total number of dead and missing individuals aggregated by month, displayed as a bar chart with time on the x-axis and counts on the y-axis. The code uses React with D3 v5, employing `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.histogram` with `d3.timeMonths` to bin the daily records into monthly totals. Each bar includes a tooltip showing the exact monthly count, rendered as an SVG with custom axis components.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

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…

Analyzing Missing Migrants-Part2

This bar chart visualizes the monthly total number of dead and missing migrants over time, using a dataset from the Missing Migrants Project. The visualization processes incident records by binning them into monthly intervals with d3.bin, then summing the corresponding casualty values. Bars are rendered as SVG rectangles in React, with scales from d3.scaleTime and d3.scaleLinear positioning marks along the axes. Tooltips display the exact count per month via the SVG title element.

KKazushige Okuma

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

93% match

Loading thumbnail…

Analyzing Missing Migrants. Part II Aggregation by Month

This visualization is a bar chart that aggregates monthly totals of dead and missing migrants from a subset of the Missing Migrants Project dataset, highlighting the number of deaths reported each month. The chart uses React with D3 v7 APIs, including `scaleTime`, `scaleLinear`, `bin`, `timeMonths`, and `sum`, to bin the data by month and render SVG rectangles as bars. Axes are drawn via custom components, with tooltips showing exact totals on hover, and the final chart displays the data from 2014 through 2019.

OOleg Zhernovoy

93% match

Loading thumbnail…

Missing Migrants

This visualization displays a histogram of missing migrants over time, using a bar chart to show the total count of dead and missing people aggregated by month. The chart plots reported dates on the x-axis and the sum of dead and missing migrants on the y-axis, with data sourced from a CSV file. Built with React and D3 v5, the code uses `d3.histogram` with `timeMonths` thresholds to bin the data, `scaleTime` and `scaleLinear` for axes, and renders SVG elements via reusable components.

SShanmukh

93% match

Loading thumbnail…

Missing Migrants

This visualization displays monthly totals of dead and missing migrants from the Missing Migrants Dataset using a bar chart of aggregated counts over time. The React app loads CSV data via the `useData` hook, then uses `d3.histogram` with `timeMonths` thresholds to bin records by reported date. Axes are rendered as SVG components using `scaleTime` and `scaleLinear`, with bars drawn as SVG rectangles. The y-axis sums deaths per bin via `d3.sum`, while tooltips reveal precise totals on hover.

NNelson Kalgushkin

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

93% match