Missing Migrants Project

100%

Missing Migrants Project

✓ Published0🌍 Public

Last edited May 5, 2021

Created on Apr 23, 2021

A histogram displays monthly totals of dead and missing migrants from the Data Canvas Sense Your City Dataset. The visualization uses a time-based x-axis and a linear y-axis for aggregate counts, with bar heights representing monthly sums. Built with React and D3 v5, the code applies `d3.bin` with `timeMonths` thresholds, `d3.scaleTime`, `d3.scaleLinear`, and SVG rendering. Native `<title>` elements provide tooltips, while custom `AxisBottom` and `AxisLeft` components generate tick marks.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants

This chart displays the total number of dead and missing migrants over time, aggregated into monthly bins from the Data Canvas Sense Your City Dataset. It uses a histogram layout, with bars representing the sum of casualties per month. The visualization is built with React and D3 v5, using `d3.histogram` for binning, `d3.scaleTime` and `d3.scaleLinear` for axes, and renders SVG rectangles for marks. Tooltips appear on hover via SVG `<title>` elements.

Jj-PGi

95% match

Loading thumbnail…

Missing migrants

This visualization aggregates monthly totals of dead and missing migrants from the Data Canvas Sense Your City Dataset, displayed as a bar chart over time. The x-axis uses a time scale while the y-axis shows cumulative counts. Built with React and D3 v5, it employs `d3.csv` for data loading, `d3.bin` with `timeMonths` thresholds for histogram binning, and `scaleTime`/`scaleLinear` for axes. SVG rectangles render the bars, with axis components and tooltips implemented via `AxisBottom`, `AxisLeft`, and `Marks`.

Vvmonney

95% match

Loading thumbnail…

Missing Migrants

This bar chart visualizes the monthly totals of dead and missing migrants from the Data Canvas Sense Your City dataset. Each bar aggregates the sum of per-incident counts within calendar months, displayed on a time-based x-axis and a linear y-axis. Built with React and D3 v5, the visualization uses `d3.bin` and `d3.timeMonths` to create monthly bins, `d3.scaleTime` and `d3.scaleLinear` for scales, and renders SVG rectangles for the marks with native tooltips showing exact values.

Ccynichole

94% match

Loading thumbnail…

Missing Migrant Part II

A histogram displays the monthly total of dead and missing migrants from the Data Canvas Sense Your City dataset, with time on the x-axis and death counts on the y-axis. Using React and D3 v5, the code employs `d3.bin` and `d3.timeMonths` to aggregate reported dates, while `d3.scaleTime` and `d3.scaleLinear` map the data to SVG rectangles. Hovering reveals the exact count via a native `<title>` tooltip.

Aadewole-top

94% match

Loading thumbnail…

Missing Migrants Histogram

This histogram visualizes the total dead and missing migrants over time, binned by month from the Data Canvas Sense Your City dataset. The chart aggregates the "Total Dead and Missing" values per time period using d3.histogram and d3.sum, with a time scale for the x-axis and a linear scale for the y-axis. React renders the SVG elements, including custom AxisBottom, AxisLeft, and Marks components, while d3.csv loads the data and d3.timeMonths defines the bin thresholds.

Ddaneslutzky

94% match

Loading thumbnail…

Missing Migrants Bar Chart

This bar chart visualizes the monthly total of dead and missing migrants from the Data Canvas Sense Your City dataset, using a histogram binning approach with d3.bin and timeMonths thresholds. The React-driven visualization employs d3.scaleTime and d3.scaleLinear to map time and counts, while SVG rectangles render the aggregated values. Axes are drawn with custom React components, and tooltips display exact totals via the native title element, with d3.csv loading the data and Poppins typography styling the interface.

BBen Seebeck

94% match

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

94% match

Loading thumbnail…

Missing Migrant

This visualization shows the monthly count of dead and missing migrants over time, with bars representing the aggregated total for each month. It uses React with D3 v5 to load CSV data via `d3.csv`, bin the reported dates using `d3.histogram` with `d3.timeMonths` thresholds, and sum the “Total Dead and Missing” values per bin. Axes are rendered with custom SVG components, and a `<title>` element provides hover tooltips. The data comes from the Data Canvas Sense Your City dataset.

Tthomasjungcoe

92% match