Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public
AAnkit-Ian-53787
Last edited Nov 1, 2021
Created on Nov 1, 2021

This visualization shows the total number of dead and missing migrants per month, binned from the Missing Migrants Dataset. The code uses React with D3 v5’s `scaleTime`, `scaleLinear`, `bin`, and `sum` APIs to aggregate monthly totals and render an SVG bar chart. Axes are built with custom components, and bars display tooltips on hover.

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 shows the total number of dead and missing migrants per month, binned from the Missing Migrants Dataset. The code uses React with D3 v5’s `scaleTime`, `scaleLinear`, `bin`, and `sum` APIs to aggregate monthly totals and render an SVG bar chart. Axes are built with custom components, and bars display tooltips on hover.

AAnkit-Ian-53787
100% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month, binned from the Missing Migrants Dataset. The code uses React with D3 v5’s `scaleTime`, `scaleLinear`, `bin`, and `sum` APIs to aggregate monthly totals and render an SVG bar chart. Axes are built with custom components, and bars display tooltips on hover.

AAnkit-Ian-53787
100% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the total number of dead and missing migrants per month, aggregated from the Missing Migrants Dataset. It uses d3.bin to bin records by month and d3.sum to calculate monthly totals, then renders bars with React and SVG. The chart includes time-scaled axes using d3.scaleTime and d3.scaleLinear, with hover tooltips showing exact values via SVG title elements, and demonstrates the d3.csv data loading pattern.

Ttanvir40945
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 shows the total number of dead and missing migrants per month, aggregated by year from the Missing Migrants Dataset. It renders as an SVG bar chart using React, where each bar represents the monthly sum of fatalities. The code uses d3.bin to create monthly time bins and d3.sum to aggregate the y-values within each bin, with d3.scaleTime and d3.scaleLinear mapping the data to screen coordinates. Hovering reveals exact totals via SVG title tooltips, while axis components from d3 handle tick generation and formatting.

GGuilinabaoge
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
97% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows monthly totals of dead and missing migrants from the Missing Migrants Dataset. It renders a bar chart as SVG, with time on the x-axis and cumulative deaths per month on the y-axis. Built with React and D3 v5, the code uses `d3.bin` with `timeMonths` thresholds to aggregate data, `d3.sum` to calculate monthly totals, and `scaleTime` and `scaleLinear` for axes. Hovering over a bar reveals its exact total via a native SVG `<title>` tooltip.

MMATTE-blz
97% match
Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows the monthly count of dead and missing migrants, with a bar chart displaying the total per month over time. The data comes from the Missing Migrants Dataset. The bars are rendered as SVG rectangles using React, with scales and binning handled by d3.scaleTime, d3.scaleLinear, d3.bin, and d3.sum. Axes are custom components using d3.ticks and time formatting with d3.timeFormat.

TTrang Nguyen
97% match