Missing Migrant of Working with Time

100%

Missing Migrant of Working with Time

✓ Published0🌍 Public

Last edited Jan 12, 2022

Created on Jan 12, 2022

This histogram shows the monthly total of dead and missing migrants over time, based on data from the Missing Migrants Project subset. The visualization uses a bar chart with time on the x-axis and the aggregated death count on the y-axis, with hover tooltips displaying exact values. Built with React and D3 v5, it leverages `d3.scaleTime`, `d3.bin` with `timeMonths` thresholds, and `d3.sum` to aggregate the data, while custom SVG components like AxisBottom, AxisLeft, and Marks render the chart. The code loads CSV data via `d3.csv` and renders as SVG.

AI-generated description

9:40:40

MIT Licensed

Similar vizzes

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…

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

94% match

Loading thumbnail…

Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants using a date histogram, with time on the x-axis and the count on the y-axis. The bars represent the sum of reported deaths and missing persons for each month, as recorded in the Missing Migrants Dataset. The code leverages React with D3 v5, specifically using `scaleTime` and `scaleLinear` for axes, `histogram` with `timeMonths` thresholds to bin the data, and `sum` to aggregate the totals per bin. The SVG rendering is generated via React components, with tooltips provided through SVG `title` elements.

Yyyaaa1

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

Loading thumbnail…

Missing Migrants Date Histogram

This visualization presents a histogram of missing migrants over time, aggregated by month, with bar heights representing the total number of dead or missing individuals. The chart uses a time-scaled x-axis and linear y-axis, with bars colored teal. Built with React and D3 v6, the code leverages d3.bin, d3.timeMonths, and d3.scaleTime to compute monthly bins, while d3.scaleLinear handles the count axis. The SVG rendering includes custom axis components that draw ticks and labels, and each bar includes a tooltip via an SVG title element. The data comes from the Missing Migrants dataset (Data Canvas Sense Your City).

RRMartins11

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

This histogram visualizes the cumulative count of dead and missing migrants over time, derived from a global dataset sourced via a GitHub-hosted CSV. The D3.js v6 `bin` and `timeMonths` APIs aggregate the data into monthly bins, which are then rendered as SVG rectangles. React manages the interactive chart’s composition, while D3’s `scaleTime` and `scaleLinear` handle axes, along with custom axis components. The visualization highlights temporal trends in migrant fatalities, with a tooltip providing exact totals per bin.

CCodeDuckie99

93% match