Missing Migrant Part II

100%

Missing Migrant Part II

✓ Published0🌍 Public

Last edited Aug 16, 2021

Created on Aug 16, 2021

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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

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

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

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

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

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

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

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

91% match

Loading thumbnail…

Missing Migrants (part 2)

A histogram displays monthly counts of dead and missing migrants from the Missing Migrants Project dataset, with time on the x-axis and total fatalities on the y-axis. Using d3.bin and scaleTime, the data is aggregated into monthly bins, while scaleLinear maps the aggregated sums to bar heights. React renders the SVG elements, with D3's axis and tick components providing labeled scales and tooltips showing exact counts.

JJun Suzuki

91% match