Missing migrant

100%

Missing migrant

✓ Published1🌍 Public

Last edited Dec 28, 2020

Created on Dec 25, 2020

A histogram displays the monthly count of dead and missing migrants from the Missing Migrants Project dataset. React renders an SVG chart using D3 scales and axes, with `d3.bin` and `timeMonths` aggregating reported dates, and `d3.sum` totaling fatalities per bin. Color-coded bars show the distribution over time, with axis labels and tooltips providing precise values.

AI-generated description

A program that render Data Canvas Sense Your City Dataset using uses React.

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Missing Migrants (part 2)

A histogram displays monthly counts of dead and missing migrants from the Missing Migrants Project dataset, with time on the x-axis and total fatalities on the y-axis. Using d3.bin and scaleTime, the data is aggregated into monthly bins, while scaleLinear maps the aggregated sums to bar heights. React renders the SVG elements, with D3's axis and tick components providing labeled scales and tooltips showing exact counts.

JJun Suzuki

94% match

Loading thumbnail…

Missing migrants p1

A histogram displays the monthly total of dead and missing migrants, with rectangular bars representing cumulative counts over time. The chart uses React with D3 v6, employing d3.bin, d3.scaleTime, d3.scaleLinear, and d3.timeMonths to aggregate data from the Missing Migrants Project subset. Hovering over a bar reveals a tooltip showing the specific count and month/year. The SVG rendering includes custom axes for time and count, with a Poppins font and teal-colored marks.

Ssurikmeetr

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

93% match

Loading thumbnail…

Missing Migrant Histogram

This histogram visualizes the total number of dead and missing migrants per month, based on data from the Missing Migrants Project. The chart uses a bar for each month, with bar height representing the monthly aggregate of the “Total Dead and Missing” column. Color and axes are styled with clear labels. Built with React and D3 v5, it uses `d3.csv` for data loading, `d3.bin` with `d3.timeMonths` thresholds for grouping, and SVG rectangles for rendering.

Bbsolomon103

93% match

Loading thumbnail…

missing migrants project

This histogram displays the total number of dead and missing migrants over time, aggregated by month. Built with React and SVG, it uses d3’s scaleTime, scaleLinear, and histogram functions to bin incident counts by reported date. Each bar’s height corresponds to the monthly sum of deaths, with axis ticks styled via CSS. The data comes from the Missing Migrants Global 2019 subset CSV, loaded asynchronously.

Sseanowh

93% match

Loading thumbnail…

Missing Migrants

This histogram displays the total number of dead and missing migrants per month from the Missing Migrants Dataset, with the x-axis showing reported dates and the y-axis showing the monthly death toll. The code uses React to render SVG elements and D3 v6 APIs including `scaleTime`, `scaleLinear`, `bin`, and `timeMonths` to aggregate the raw CSV data into monthly bins and draw the bars with axes and hover tooltips.

Llaurajchang

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