Missing Migrants

100%

Missing Migrants

✓ Published0🌍 Public

Last edited May 8, 2024

Created on May 6, 2024

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.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

This visualization shows the total number of dead and missing migrants over time, aggregated by month. The chart uses a bar histogram to display the data, with each bar representing the sum of casualties within a monthly bin. Built with React and D3 v5, it employs `scaleTime`, `scaleLinear`, and `histogram` to bin the data, while SVG renders the axes and marks. The dataset comes from the Data Canvas Sense Your City project, loaded via `d3.csv`.

MMichael Bergerson

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

95% match

Loading thumbnail…

Missing Migrants

This histogram shows the total number of dead and missing migrants over time, with monthly bins displayed as rectangular bars. The visualization uses React to render an SVG chart, with D3 v6 handling data loading, time and linear scales, axis generation, and data binning. The dataset is loaded via d3.csv from a GitHub gist, and each bar includes a native SVG tooltip displaying the exact count. The chart applies a clean design with Poppins typography, teal bars, and labeled axes for time and casualty counts.

JJohn Huang

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

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

95% match

Loading thumbnail…

Missing Migrants

This histogram displays the total number of dead and missing migrants per month over time, with each bar’s height representing the monthly sum. The chart uses React to render SVG elements and d3.js APIs including `scaleTime`, `scaleLinear`, `histogram`, and `timeMonths` to bin the data. The data comes from the “Missing Migrants” global subset CSV, and the axes are customized with formatted date labels.

Ee-ines

95% match

Loading thumbnail…

Missing Migrants Date Histogram

This visualization shows the monthly count of dead and missing migrants over time, using a histogram with time-based bins. The x-axis displays reported dates in a time scale, while the y-axis encodes the total number of deceased or missing individuals per month. Built with React and D3 v7, the chart uses `d3.bin` and `timeMonths` thresholds to aggregate the CSV data into monthly intervals. SVG rectangles with native tooltips render the bars, with axes generated by custom React components.

LLove Wessman

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

95% match