missing migrants with Curran

100%

missing migrants with Curran

✓ Published0🌍 Public

Last edited Feb 9, 2022

Created on Feb 9, 2022

This histogram visualizes the total number of dead and missing migrants per month, using data from the Missing Migrants Global 2019 subset. The code applies `d3.histogram` with `d3.timeMonths` thresholds to bin the data, then maps each bin to a rectangle whose height reflects the summed monthly fatalities. Axes are custom-rendered with React components, using `d3.scaleTime` and `d3.scaleLinear` for the x and y scales respectively. The visualization is rendered as SVG within a React application, with data loaded via `d3.csv`.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

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

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

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

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

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

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

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

89% match

Loading thumbnail…

Missing Migrants Aggregate

This histogram shows the monthly aggregate total of dead and missing migrants worldwide, with bars representing cumulative deaths per month over time. The visualization uses React to manage state and D3 v5's `scaleTime`, `scaleLinear`, `histogram`, and `timeMonths` APIs to bin the data by calendar month and compute the sum of deaths per bin. The data comes from a subset of the Missing Migrants Global dataset, loaded via `d3.csv`, and is rendered as SVG rectangles with tooltips showing exact totals.

MMark Lam

89% match