Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Missing Migrants Date Histogram

✓ Published0🌍 Public
PPavan Nimmagadda
Last edited Apr 24, 2024
Created on Apr 24, 2024

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 with timeMonths thresholds to group the data, d3.sum to aggregate monthly totals, and scales with d3.scaleTime and d3.scaleLinear. The React components render SVG axes and rectangular marks, with a tooltip showing the count on hover. Styling uses the Poppins font with teal bars and gray gridlines.

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

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
96% 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 from the Missing Migrants Dataset. The chart uses React and D3 v5, employing `d3.bin` to group reported dates into monthly bins and `d3.sum` to aggregate the death tolls. SVG rectangles render the bars, with axes built from custom React components. The data is loaded asynchronously via `d3.csv` from a GitHub gist, and the y-axis shows total casualties while the x-axis spans time.

AAnkit-Ian-53787
96% 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
96% match