Migrant Deaths II

100%

Migrant Deaths II

✓ Published0🌍 Public

Last edited Mar 7, 2023

Created on Mar 6, 2023

A histogram displays monthly totals of migrant deaths and missing persons over time, with the x-axis showing reported dates and the y-axis showing aggregated counts. Built with React and D3 v5, the visualization uses d3.csv for data loading, d3.bin with d3.timeMonths thresholds for temporal binning, and d3.sum to aggregate values per bin. SVG rectangles render the bars, with axes generated by custom React components using d3.scaleTime, d3.scaleLinear, and d3.timeFormat for tick labels.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrant Deaths

This histogram visualizes migrant deaths over time, showing the total number of dead and missing individuals per month. The visualization uses a bar chart where each bar represents a month, with height proportional to the cumulative death count for that period. Built with React and D3 v5, the code employs `d3.bin` with `timeMonths` thresholds to aggregate data, `scaleTime` and `scaleLinear` for axes, and renders SVG rectangles via the Marks component. The dataset comes from the Missing Migrants Global subset, with tooltips displaying exact values on hover.

CChris Knight

93% match

Loading thumbnail…

Migrant Deaths

This visualization displays the total number of migrant deaths and missing persons over time, using a bar chart where each bar aggregates data by month. Built with React and D3 v5, it renders as an SVG and leverages the `histogram` and `timeMonths` functions from D3 to bin data, with axes created via custom `AxisBottom` and `AxisLeft` components. The data is loaded from a CSV file of the Data Canvas Sense Your City dataset.

FFonda Irena Santoso

92% match

Loading thumbnail…

Migrant death

This visualization displays the monthly count of migrant deaths using a histogram. The bar chart uses React to render SVG rectangles, with D3 scales for time and linear axes. Data comes from the Missing Migrants Global dataset, processed with `d3.csv` and binned by month using `d3.histogram`. The code uses `scaleTime`, `scaleLinear`, and `timeMonths` to define the bins, with tooltips showing exact death totals via SVG `<title>` elements.

TTakuya Kitazawa

92% match

Loading thumbnail…

Migrant deaths

This visualization displays the number of migrant deaths over time, using a bar chart where each bar represents the sum of deaths per month. Built with React and D3 v7, it loads CSV data on missing migrants, creates time-binned aggregates via `bin` and `thresholds`, and renders SVG rectangles using `scaleTime`, `scaleLinear`, and custom axes. The bars show the temporal distribution of fatalities, with tooltips revealing precise monthly totals.

DDaniel Zsido

91% match

Loading thumbnail…

Migrant Deaths Chart (aggregate by month)

This visualization aggregates migrant deaths by month, displaying a bar chart of total dead and missing individuals over time. Using D3.js v6 and React, it loads CSV data from a Missing Migrants dataset, bins reported dates into monthly intervals with `d3.bin` and `timeMonths`, and sums the corresponding death counts. The chart renders as SVG, with time-scaled x-axis ticks formatted via `timeFormat`, a linear y-axis for death totals, and tooltips on each bar showing the count.

PPeter Krevenets

91% match

Loading thumbnail…

Tracking Migrant Deaths

This visualization tracks migrant deaths and disappearances over time using a histogram of monthly totals. The bar chart displays the aggregate number of dead and missing individuals per month, with a native tooltip on each bar showing the exact date range and total. The code uses React and d3.v5, leveraging `d3.bin` with `d3.timeMonths` thresholds to bin the data by month, `d3.scaleTime` for the x-axis, and `d3.scaleLinear` for the y-axis. Data comes from a CSV of the Missing Migrants Global dataset, rendered as SVG rectangles with axes built from custom React components.

PPhronesis

91% match

Loading thumbnail…

Migrant Deaths Over Time

This histogram displays the monthly total of dead and missing migrants, using data from a subset of the Missing Migrants Global dataset. Rectangles represent monthly sums, with the x-axis showing time and the y-axis indicating the count. The visualization is built with React and D3 v7, using `d3.bin`, `d3.scaleTime`, and `d3.scaleLinear` to bin data and map scales. Inline SVG rectangles render the marks, and native SVG `<title>` elements provide tooltips. Axes are custom components, styled with a Poppins font and muted colors.

KK3zter

91% match

Loading thumbnail…

Migrant Chart Aggregation Part 2

This interactive visualization aggregates migrant deaths and disappearances over time by binning the reported dates into monthly intervals. The bar chart, built with React and D3 (d3.bin, d3.timeMonths, d3.sum), sums the "Total Dead and Missing" values for each month. Using d3.scaleTime and d3.scaleLinear, the SVG renderings map dates and counts to positions along the axes. Tooltips display exact monthly totals. The dataset comes from a CSV file of global Missing Migrants records.

Jjbruzzo

91% match