Skip to main content
SimilarExport ZIP
100%

Dataviz 2020_Ep39 - 31. Missing Migrants2 - Binning, Aggregating

✓ Published0🌍 Public
MMinwoo Pak
Last edited Jul 23, 2021
Created on Jul 22, 2021

This histogram visualizes monthly reported deaths and missing migrants, aggregating the dataset by time bins with total counts. The chart uses React and D3 v7, applying `d3.bin` with `timeMonths` thresholds and `sum` for aggregation, then renders SVG rectangles via custom `Marks` components. Axes are scaled with `scaleTime` and `scaleLinear`, and a tooltip reveals exact totals via SVG `<title>` elements. Data comes from a CSV of Missing Migrants Global 2019 records, loaded through `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Dataviz 11 - Missing migrants #2

This histogram visualizes the number of dead and missing migrants over time, with each bar representing cumulative fatalities per month. Built with React and D3 v5, it uses `d3.csv` to load a subset of the Missing Migrants Global dataset, `scaleTime` and `scaleLinear` for axes, and `bin()` with `timeMonths` thresholds to aggregate data. SVG rectangles render the bars, with tooltips via SVG `<title>` elements. The visualization includes labeled axes for "Time" and "Total Dead and Missing," styled with a Poppins font.

RRyAlpha
92% match
Loading thumbnail…

missing migrant

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins as a histogram. The code uses d3.csv to load data from the Missing Migrants Global 2019 dataset, d3.bin and d3.timeMonths to create temporal bins, and d3.scaleTime and d3.scaleLinear for the axes. React renders the SVG graphic, with d3’s timeFormat used for tick labels and native SVG `<title>` elements providing tooltips. The chart is built using d3 v5 within a React 16 application.

TTsaiJie
91% match
Loading thumbnail…

Dataviz 2020_Ep38 - 30. Missing Migrants1 - Loading and Visualizing Data

This scatter plot displays reported dates of missing migrant incidents against the total number of dead and missing individuals. The visualization uses React with SVG rendering, employing d3.scaleTime and d3.scaleLinear for axes, while d3.csv loads the Missing Migrants Global 2019 subset dataset. Custom AxisBottom, AxisLeft, and Marks components render the circles with tooltips using d3.timeFormat.

MMinwoo Pak
91% match
Loading thumbnail…

dv2020-ep39-viz41 - missing migrants histogram

This histogram visualizes the total dead and missing migrants over time, with monthly bins from the Missing Migrants Dataset. The visualization uses a React and D3 v5 architecture, rendering SVG graphics with `scaleTime` for the x-axis and `scaleLinear` for the y-axis. The data is processed through D3's `bin` and `timeMonths` functions to aggregate counts into monthly sums, while `csv` loads the dataset asynchronously via a custom `useData` hook.

Zzach b.
90% match
Loading thumbnail…

Missing migrants

This visualization shows the total number of dead and missing migrants reported per month, using a bar chart where each bar aggregates monthly totals. The code loads a CSV dataset of migrant incidents, bins the reported dates into monthly intervals using `d3.bin` with `timeMonths` thresholds, and sums the "Total Dead and Missing" values per bin. React manages the component state while D3 scales (`scaleTime`, `scaleLinear`) and axes render the SVG output. Axes are formatted with `timeFormat`, and tooltips display raw values via SVG `<title>` elements.

MmohitPassan
90% match
Loading thumbnail…

Missing Migrants Aggregation by Month - Episode 39

This visualization displays the total number of dead and missing migrants aggregated by month, with each bar representing the sum of casualties for a given time period. The histogram uses d3.bin with timeMonths thresholds to group events, while d3.scaleTime and d3.scaleLinear handle the axes. Built with React and rendered as SVG, the chart reads from a CSV dataset of migrant incidents and formats tick labels using d3.timeFormat. Tooltips appear on hover via SVG title elements.

Rroc286
90% match
Loading thumbnail…

Missing Migrants

This visualization shows the total number of dead and missing migrants over time, aggregated into monthly bins from a subset of the Missing Migrants Global dataset. The data is loaded via `d3.csv` and binned using `d3.histogram` with `timeMonths` thresholds, summing the 'Total Dead and Missing' values per bin. A time scale (`d3.scaleTime`) and linear scale (`d3.scaleLinear`) map the data to an SVG rendered with React components for axes and rectangle marks. Hovering over each bar reveals its exact total via a native `<title>` tooltip.

CCatalina Vajiac
90% match
Loading thumbnail…

migrant data part 1

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins. The chart uses a bar chart rendered with SVG, with time on the x-axis and cumulative death counts on the y-axis. It is built with React and D3 v7, using `d3.bin` for binning, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.timeMonths` to set bin thresholds. Data comes from a CSV file of Missing Migrants Global records, loaded via `d3.csv`.

BBlake McCarty
90% match