Skip to main content
SimilarExport ZIP
100%

Tw & T

✓ Published0🌍 Public
Hhimanshucse2012
Last edited Sep 22, 2021
Created on Sep 22, 2021

This interactive visualization presents a date histogram of the monthly sum of dead and missing migrants from the Missing Migrants Dataset. The chart uses SVG rendering with React, and employs d3’s `bin` and `sum` functions to aggregate the data into monthly totals. The d3 time scale handles the x-axis, while a linear scale maps the count of casualties on the y-axis. Clicking on a bar displays a tooltip with the precise monthly figure.

AI-generated description

A date histogram showing the sum total dead and missing migrants for each month.

Data from the Missing Migrants Dataset.

Demonstrates use of d3.bin and d3.sum.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Date Histogram

This interactive visualization displays a date histogram of monthly totals for dead and missing migrants, using data from the Missing Migrants Dataset. The bar chart aggregates individual incident records by month, summing the reported deaths and disappearances for each time bin. Built with React and D3 v5, it renders SVG bars using `d3.bin` to group data into monthly thresholds and `d3.sum` to calculate totals. The visualization demonstrates reusable axis components and tooltips through SVG `<title>` elements.

Qqhfzwyx
88% match
Loading thumbnail…

D3 Course - Missing Migrants Date Histogram

This interactive visualization displays a date histogram of the monthly total dead and missing migrants, using data from the Missing Migrants Dataset. The chart employs React with D3 v5 to build an SVG visualization, using `d3.bin` to group records into monthly bins and `d3.sum` to aggregate the death counts. Axes and rectangular marks are generated through custom React components, with tooltips exposing precise values via SVG `<title>` elements. The time scale is formatted with `d3.timeFormat` and the visualization leverages `d3.scaleTime` and `d3.scaleLinear` for proportional mapping.

JJames Rhodes
88% match
Loading thumbnail…

Missing Migrants Date Histogram

This visualization is a date histogram that displays the total number of dead and missing migrants per month, based on data from the Missing Migrants Dataset. It uses React and D3 v5, specifically `d3.bin` to group the data into monthly bins and `d3.sum` to aggregate the casualty counts within each bin. The chart is rendered as an SVG with separate components for axes and rectangular marks, and it includes a tooltip that shows the exact count when hovering over a bar.

Kkth2242
88% 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
88% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This interactive visualization displays the monthly sum of dead and missing migrants from the Missing Migrants Dataset. Each bar represents a month, with the bar height corresponding to the total count of casualties. The visualization uses React with D3 v5, employing `d3.bin` to group reported dates into monthly intervals and `d3.sum` to aggregate the death counts per bin. The SVG rendering includes custom bottom and left axes, with a Poppins font and a teal color scheme for the bars.

GGrigoris Katrakazas
88% 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
88% match
Loading thumbnail…

Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants using a date histogram, with time on the x-axis and the count on the y-axis. The bars represent the sum of reported deaths and missing persons for each month, as recorded in the Missing Migrants Dataset. The code leverages React with D3 v5, specifically using `scaleTime` and `scaleLinear` for axes, `histogram` with `timeMonths` thresholds to bin the data, and `sum` to aggregate the totals per bin. The SVG rendering is generated via React components, with tooltips provided through SVG `title` elements.

Yyyaaa1
88% match
Loading thumbnail…

Missing Migrant

This visualization uses a histogram to show the total number of dead and missing migrants per month, based on data from the Missing Migrants Project. The x-axis displays dates using `d3.scaleTime`, while the y-axis encodes counts via `d3.scaleLinear`. Binning is performed with `d3.histogram` and `d3.timeMonths`, and bars are rendered as SVG rectangles using React. The code imports `d3.csv` for data loading and `d3.sum` for aggregation, with axes built from `d3.ticks`.

33ssalunke
88% match