Fork of Missing Migrants Date Histogram (for ref, did not code)

100%

Fork of Missing Migrants Date Histogram (for ref, did not code)

✓ Published0🌍 Public

Last edited May 2, 2021

Created on May 2, 2021

Forked from Missing Migrants Date Histogram

A date histogram displays the monthly sum of dead and missing migrants, with bars colored teal and axes labeled "Time" and "Total Dead and Missing." The visualization uses React components to render an SVG, with `d3.bin` and `d3.sum` aggregating the data, `scaleTime` and `scaleLinear` mapping the scales, and custom `AxisBottom`, `AxisLeft`, and `Marks` components drawing the ticks and rectangles. Data comes from the Missing Migrants Dataset, loaded via `d3.csv`.

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

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

95% match

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

95% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

A date histogram displays the sum total of dead and missing migrants per month, using data from the Missing Migrants Dataset. The visualization uses React with D3 v5, employing `d3.bin` to create monthly bins and `d3.sum` to aggregate the total dead and missing per bin. Bars are rendered as SVG rectangles with hover tooltips showing the sum total. The chart is styled with a Poppins font and includes time-scaled x-axis and linear y-axis.

Cchar0496

95% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows a date histogram of the total dead and missing migrants per month, using the Missing Migrants Dataset. The chart renders SVG rectangles via React components, with axes built from custom `AxisBottom` and `AxisLeft` components that use D3 scales. Data is loaded with D3’s `csv` function, then binned by month using `d3.bin` and aggregated with `d3.sum`. Hovering reveals exact totals through native SVG `<title>` tooltips.

MMark Lam

95% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization presents a date histogram of the total dead and missing migrants per month, sourced from the Missing Migrants Dataset. It uses `d3.scaleTime`, `d3.bin`, and `d3.sum` to group data by month and aggregate the counts. The chart is rendered as an SVG using React, with custom `AxisBottom`, `AxisLeft`, and `Marks` components for tick marks and rectangular bars.

RReagannkwa

94% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This histogram visualizes the total number of dead and missing migrants per month using data from the Missing Migrants Dataset. It aggregates reported date values into monthly bins via `d3.bin` and calculates each bar’s height with `d3.sum`. The React-based SVG chart, authored with D3 v5, uses `scaleTime` and `scaleLinear` for axes, with axis components and marks rendered as reusable React components. Bars display tooltips on hover, and the time axis auto-generates ticks via `xScale.ticks()`.

Eelena

94% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This histogram displays the monthly total of dead and missing migrants, with each bar representing one month’s sum. The visualization uses React with D3 v5’s `d3.bin` to group records into time-based bins and `d3.sum` to aggregate the death counts per bin. Axes are rendered via custom React components, with data loaded from a CSV using `d3.csv` and displayed as an SVG.

Ssatra546

94% match