Missing Migrants Bar Chart

100%

Missing Migrants Bar Chart

✓ Published1🌍 Public

Last edited Nov 9, 2021

Created on Nov 9, 2021

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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

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

97% match

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

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

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

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 Migrants Project

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.

LLaura Johnson

94% match

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes the total number of dead and missing migrants over time, using a bar chart representation where each bar aggregates the monthly sum of casualties from the Data Canvas Sense Your City dataset. The visualization uses D3 v5 scales and binning functions (scaleTime, scaleLinear, histogram, timeMonths) to group data by month. React renders the SVG, with custom axis components drawing tick marks and labels. Tooltips provide the precise total for each monthly bar when hovered.

PPedro Henrique Vanali

94% match

Loading thumbnail…

Missing Migrants Bar Chart (binned)

This bar chart visualizes the monthly counts of dead and missing migrants, using binned time-series data from a CSV of global migrant incidents. The visualization aggregates reported dates into monthly bins via d3.bin and timeMonths, summing the "Total Dead and Missing" values per bin with d3.sum. A time scale maps dates to the x-axis, while a linear scale handles the y-axis counts. The React-based component renders SVG rectangles for each bin, with axes generated through custom components and D3's scaleTime, scaleLinear, and timeFormat utilities.

RRichardPearce60

92% match