Skip to main content
SimilarExport ZIP
100%

dv2020-ep39-viz41 - missing migrants histogram

✓ Published0🌍 Public
Zzach b.
Last edited Mar 28, 2023
Created on Mar 27, 2023

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.

AI-generated description

A histogram of the Missing Migrants Dataset.

Episode 39

MIT Licensed

Similar vizzes

Loading thumbnail…

dv.39 - missing migrants - part II - histogram

This histogram shows the total number of dead and missing migrants per month, aggregated from the Missing Migrants Dataset. The visualization uses d3.bin to group reported dates into monthly buckets and d3.sum to calculate the total for each bin. React renders SVG rectangles via the Marks component, with axes built from d3.scaleTime and d3.scaleLinear. Hovering reveals precise totals using the native SVG title tooltip.

Zzach b.
93% match
Loading thumbnail…

dv2020-ep41-viz43 - missing migrants map & histogram

This visualization combines a bubble map and a histogram to explore the Missing Migrants Dataset. The map uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to plot incident locations, with circle radii scaled by the square root of the "Total Dead and Missing" count using `scaleSqrt`. A histogram below bins the same data by reported date, aggregating monthly totals with `d3.histogram` and `timeMonths`. Both charts are rendered as SVG within a React component, pulling geographic and CSV data from external URLs.

Zzach b.
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
90% match
Loading thumbnail…

Missing Migrant Histogram

This histogram visualizes the cumulative count of dead and missing migrants over time, derived from a global dataset sourced via a GitHub-hosted CSV. The D3.js v6 `bin` and `timeMonths` APIs aggregate the data into monthly bins, which are then rendered as SVG rectangles. React manages the interactive chart’s composition, while D3’s `scaleTime` and `scaleLinear` handle axes, along with custom axis components. The visualization highlights temporal trends in migrant fatalities, with a tooltip providing exact totals per bin.

CCodeDuckie99
90% match
Loading thumbnail…

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

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`.

MMinwoo Pak
90% match
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
90% match
Loading thumbnail…

dv2020-ep43-viz44 - missing migrants map & histogram (cleaned up)

This visualization combines a bubble map and histogram to explore the Missing Migrants Dataset. The map uses a natural Earth projection with D3’s `geoPath` and `geoNaturalEarth1` to plot incident locations as scaled circles, while the histogram aggregates reported deaths by month using `d3.bin` and `scaleTime`. Built with React and D3 v5, the SVG rendering overlays graticules, country borders, and shorelines from TopoJSON world-atlas data, with circles sized by a square-root scale. The histogram’s axes and bars are generated with `scaleLinear`, `scaleTime`, and `timeMonths`, presenting temporal patterns alongside geographic distribution.

Zzach b.
90% match
Loading thumbnail…

Missing Migrants Histogram

This histogram visualizes the monthly totals of dead and missing migrants from 2014 to 2022, with reported dates on the x-axis and the aggregated count on the y-axis. Built with React and D3 v5, it uses `d3.bin` to group records by month and `d3.sum` to calculate each bin’s total. The SVG rendering includes custom `AxisBottom` and `AxisLeft` components, with tooltips via SVG `<title>` elements. Data is loaded asynchronously from a CSV using `d3.csv`.

Rrstrauss127
90% match