Fork of Missing Migrants Date Histogram

100%

Fork of Missing Migrants Date Histogram

✓ Published5🌍 Public

Last edited Apr 23, 2024

Created on Apr 23, 2024

Forked from Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month as a histogram, with time on the x-axis and death counts on the y-axis. The chart uses D3’s `scaleTime`, `scaleLinear`, and `bin` (via `histogram`) functions to aggregate the data into monthly bins, while `sum` computes each bin’s total. Built with React, it renders SVG bars with tooltips showing exact counts, drawing from the Missing Migrants Dataset. Axes are generated separately using custom components for bottom and left ticks.

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…

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month as a histogram, using data from the Missing Migrants Dataset. The chart bins reported dates into monthly intervals with d3.bin and sums the corresponding death counts using d3.sum for each bin. Time and linear scales position the bars, with React rendering the SVG axes and rectangles, which include native tooltips showing the tallied values.

Aamalia22

97% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month, displayed as a histogram with bars representing monthly sums over time. Using React with D3.js v5, the code employs `d3.bin` to group data into monthly intervals and `d3.sum` to aggregate the casualty counts for each bin. The chart renders SVG rectangles scaled by `d3.scaleTime` on the x-axis and `d3.scaleLinear` on the y-axis, with data sourced from the Missing Migrants Dataset.

MMatthew Talty Colvard

97% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays a date histogram of the total dead and missing migrants per month, using data from the Missing Migrants Dataset. It employs React with SVG rendering, using d3.bin to bin data by month and d3.sum to aggregate death counts. The chart includes axes rendered through custom React components, with a tooltip showing the precise monthly total on each bar. The y-axis scales linearly to the maximum bin value, while the time-based x-axis spans the full date range of the dataset.

Hhenry c

97% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month, using a date histogram built with React and SVG. It loads data from the Missing Migrants Dataset and applies d3.bin to create monthly bins, with d3.sum aggregating casualties per bin. The chart renders axes and marks via reusable React components, using d3.scaleTime, d3.scaleLinear, and d3.extent for scaling. Bar heights represent monthly totals, with tooltips showing exact values via SVG titles.

YYedrup

97% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays a date histogram of the total dead and missing migrants per month, sourced from the Missing Migrants Dataset. It uses d3.bin and d3.sum to aggregate the data into monthly bins, with an SVG rendering via React. The y-axis scales linearly to the maximum monthly total, while the x-axis uses a time scale with formatted tick labels. Hovering over each bar reveals the exact count through a native SVG title tooltip.

Ccamilo.nemocon

97% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This histogram displays the monthly count of dead and missing migrants, with time on the x-axis and total fatalities on the y-axis. The visualization uses React to render SVG elements and D3 v5’s d3.bin and d3.sum functions to aggregate the data into monthly bins, sourced from the Missing Migrants Dataset. Axes are generated with custom React components, and bars include tooltips showing exact values.

Eevers-codeshop-ai

97% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants using a bar chart, with time on the x-axis and the aggregated count on the y-axis. Bars represent each month's sum, and hovering reveals the exact value via a tooltip. The chart uses React with D3 v5, leveraging `d3.bin` for histogram binning by month and `d3.sum` for aggregation. Data comes from the Missing Migrants Dataset, and the visualization is rendered as SVG, with custom axes and marks.

AAravind Shenoy

97% match

Loading thumbnail…

Fork of Fork of Missing Migrants Date Histogram

This visualization displays a date histogram of the total dead and missing migrants per month, using data from the Missing Migrants Dataset. Built with React and D3 v5, it showcases the `bin()` and `sum()` APIs from `d3-array` to aggregate monthly totals, rendered as SVG rectangles with tooltips. The chart employs `scaleTime()` for the x-axis and `scaleLinear()` for the y-axis, with a clean, minimal aesthetic defined by custom styling.

DDivyaKota2@my.unt.edu

96% match