Fork of 112 Date Histogram

100%

Fork of 112 Date Histogram

✓ Published0🌍 Public

Last edited Jan 2, 2022

Created on Jan 1, 2022

Forked from Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month as a histogram, with bars representing daily counts over time. The chart uses React to render SVG elements, relying on D3 v5’s `scaleTime`, `scaleLinear`, and `bin` functions to group date data from the Missing Migrants Dataset into daily thresholds. Axes are custom-built components, and bars include tooltips via the SVG `<title>` element.

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

A date histogram displays the total dead and missing migrants per month, with each bar representing a monthly aggregate. The chart uses React with D3 v5, leveraging `d3.bin` to create monthly time bins and `d3.sum` to calculate each month's total from the Missing Migrants Dataset. SVG rendering draws the axes and bars, with tooltips via native `<title>` elements.

RRoberto

94% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

A date histogram displays the total dead and missing migrants per month, with bars representing counts and axes labeled by time and total. Built with React and D3 v5, it uses `d3.bin` to bin data by date and `d3.sum` to aggregate counts per bin, rendered as SVG rectangles. The visualization pulls from the Missing Migrants Dataset via CSV, with axes and marks defined through reusable components.

AAditya Khandelwal

94% 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

94% 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

94% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This fork of the Missing Migrants visualization is a date histogram that displays the total number of dead and missing migrants per month. The SVG bars are rendered using React components, with axes built from custom D3.js functions. The code leverages `d3.bin` to group data into monthly bins and `d3.sum` to aggregate the values within each bin. The visualization reads from a JSON data source and uses D3's scale functions for the time-based x-axis and linear y-axis.

AAnthony Zornig

94% 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

94% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

A date histogram visualizes the monthly sum of dead and missing migrants from the Missing Migrants Dataset, using time-binned bars along a linear scale for counts. Built with React and D3 v5, the chart applies `d3.bin` with `timeMonths` thresholds and `d3.sum` to aggregate values, rendering SVG rectangles via reusable axis and mark components. Axes are drawn with custom `AxisBottom` and `AxisLeft` components, while a native SVG `<title>` element provides hover tooltips showing the total per bin.

MMilena Belianovich Holtman

94% match

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

94% match