Histogram

100%

✓ Published0🌍 Public

Last edited Oct 8, 2023

Created on Oct 7, 2023

This visualization is a histogram representing the total number of dead and missing migrants over time, using data from the Data Canvas Sense Your City Dataset. The chart displays time on the x-axis and the cumulative count on the y-axis. The code uses D3 v5’s `histogram` binning function to aggregate data into monthly bins, `scaleTime` for the temporal axis, and `scaleLinear` for the count axis. React components render the SVG axes and marks, with tooltips showing the total per bin.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Histogram

This histogram visualizes the total dead and missing migrants over time, binned by month from the Data Canvas Sense Your City dataset. The chart aggregates the "Total Dead and Missing" values per time period using d3.histogram and d3.sum, with a time scale for the x-axis and a linear scale for the y-axis. React renders the SVG elements, including custom AxisBottom, AxisLeft, and Marks components, while d3.csv loads the data and d3.timeMonths defines the bin thresholds.

Ddaneslutzky

92% match

Loading thumbnail…

Histogram

This histogram displays the total number of dead and missing migrants per month, with time on the x-axis and the monthly death count on the y-axis. The visualization uses React with D3 v5, leveraging `d3.bin` to group data into monthly bins and `d3.sum` to aggregate the death counts within each bin. The data comes from the Missing Migrants Dataset, loaded via `d3.csv`, and is rendered as SVG rectangles with tooltips showing exact values. Axes are constructed with `scaleTime` and `scaleLinear`.

ZZiting Li

91% match

Loading thumbnail…

Missing Migrants Project

A histogram displays monthly totals of dead and missing migrants from the Data Canvas Sense Your City Dataset. The visualization uses a time-based x-axis and a linear y-axis for aggregate counts, with bar heights representing monthly sums. Built with React and D3 v5, the code applies `d3.bin` with `timeMonths` thresholds, `d3.scaleTime`, `d3.scaleLinear`, and SVG rendering. Native `<title>` elements provide tooltips, while custom `AxisBottom` and `AxisLeft` components generate tick marks.

LLaura Johnson

91% match

Loading thumbnail…

Missing Migrant Part II

A histogram displays the monthly total of dead and missing migrants from the Data Canvas Sense Your City dataset, with time on the x-axis and death counts on the y-axis. Using React and D3 v5, the code employs `d3.bin` and `d3.timeMonths` to aggregate reported dates, while `d3.scaleTime` and `d3.scaleLinear` map the data to SVG rectangles. Hovering reveals the exact count via a native `<title>` tooltip.

Aadewole-top

90% match

Loading thumbnail…

Missing Migrants

This chart displays the total number of dead and missing migrants over time, aggregated into monthly bins from the Data Canvas Sense Your City Dataset. It uses a histogram layout, with bars representing the sum of casualties per month. The visualization is built with React and D3 v5, using `d3.histogram` for binning, `d3.scaleTime` and `d3.scaleLinear` for axes, and renders SVG rectangles for marks. Tooltips appear on hover via SVG `<title>` elements.

Jj-PGi

90% match

Loading thumbnail…

working with time

A histogram visualizes monthly totals of dead and missing migrants from the Data Canvas - Sense Your City API, with the x-axis showing reported dates across 2019 and the y-axis counting incidents. Built with React and D3 v5, the code uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.bin` with `d3.timeMonths` thresholds to group records into monthly bins. SVG rectangles render the bars, with tooltips via SVG `<title>` elements, and custom React components handle axis and mark rendering.

JJenny

89% match

Loading thumbnail…

Fork of Working with Time

This histogram displays the monthly total of dead and missing migrants from the Data Canvas Sense Your City Dataset. The chart aggregates individual incident records into monthly bins, with bar heights representing the summed death toll per month. Built with React and D3 v5, the visualization uses `d3.histogram` for binning, `d3.scaleTime` and `d3.scaleLinear` for axes, and renders interactive SVG rectangles with native tooltips. The axes, formatted with `d3.timeFormat`, clearly show temporal trends in the data.

Sstefanpullen

89% match

Loading thumbnail…

Fork of Working with Time

This histogram displays the total number of dead and missing migrants over time, with monthly bins aggregated from the Data Canvas Sense Your City dataset. The visualization uses React components for the axes and marks, with d3.scaleTime and d3.scaleLinear for scales. The data is loaded via d3.csv and processed using d3.histogram, d3.timeMonths, and d3.sum to create the bar chart rendered as SVG rectangles.

RRajat Dangat

89% match