Fork of Working with Time

100%

Fork of Working with Time

✓ Published0🌍 Public

Last edited Apr 2, 2021

Created on Apr 2, 2021

This visualization is a bar chart that aggregates monthly totals of dead and missing migrants from the Data Canvas Sense Your City dataset, showing the sum of casualties over time. The x-axis uses a time scale with monthly bins, while the y-axis uses a linear scale for the count. Built with React and D3 v5, the code leverages `scaleTime`, `histogram` with `timeMonths` thresholds, and `sum` to bin and aggregate the data. SVG rectangles render the bars, with axes generated by custom `AxisBottom` and `AxisLeft` components.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Working with Time

This visualization shows the monthly totals of dead and missing migrants from the Data Canvas Sense Your City dataset. It uses a bar chart rendered as SVG with React components, where each bar aggregates the sum of fatalities per month. The code uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `bin`, `timeMonths`, and `sum` to bin the reported dates and compute monthly totals. Axes are drawn with custom React components, and the data is loaded asynchronously from a CSV file.

SSong Tao Chen

97% match

Loading thumbnail…

Fork of Working with Time

This visualization aggregates monthly counts of dead and missing migrants from a Data Canvas Sense Your City Dataset, displaying the data as a histogram with time on the x-axis and total fatalities on the y-axis. Using React and d3.v5, it employs `d3.scaleTime`, `d3.bin`, and `d3.timeMonths` to bin events by month, while `d3.max` and `d3.extent` set scale domains. SVG rectangles render the bars, with axes generated by custom React components and tooltips via SVG `<title>` elements.

BBrian Philip

96% match

Loading thumbnail…

Fork of Working with Time

This visualization displays the monthly number of dead and missing migrants from the Data Canvas Sense Your City Dataset, aggregated as a bar chart. The code uses React with D3 v5, leveraging `scaleTime`, `histogram`, `timeMonths`, and `scaleLinear` to bin and scale the temporal data. SVG rectangles render each bar, with tooltips for exact values. Axis components are custom-built using React, and data loading relies on D3’s `csv` and React’s `useEffect`.

Jjchen6912

96% match

Loading thumbnail…

Fork of Working with Time

This visualization displays monthly totals of dead and missing migrants over time, binned from daily records in the Data Canvas Sense Your City Dataset. Bars show aggregate counts per month, with tooltips revealing exact values. Built with React and D3 v5, it uses `d3.bin` and `timeMonths` to group data, `scaleTime` and `scaleLinear` for axes, and SVG rectangles for rendering.

Zzyniax

96% match

Loading thumbnail…

Fork of Working with Time

This visualization shows the total number of dead and missing migrants over time, using a bar chart where each bar aggregates the data by month. The chart displays the counts on the y-axis and dates on the x-axis, with a tooltip revealing the exact value for each bar. The code builds the visualization using React, the d3.scaleTime and d3.scaleLinear functions for axes, and the d3.histogram `bin` function to group data by months. The data is loaded from a CSV file of the Data Canvas Sense Your City dataset.

AAmnaRizvi-S

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

95% match

Loading thumbnail…

Fork of Working with Time

This interactive bar chart visualizes the total number of dead and missing migrants over time, aggregated by month from the Missing Migrants Global 2019 subset of the Data Canvas Sense Your City dataset. Built with React and rendered as SVG, the visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `histogram` (binning), and `timeMonths` APIs to bin reported dates into monthly intervals and sum corresponding death counts. Hovering over a bar reveals the exact value through an SVG `<title>` tooltip.

DDeborah Ong

94% match

Loading thumbnail…

Fork of Working with Time

This histogram visualizes the monthly totals of dead and missing migrants from the Data Canvas Sense Your City dataset. The code uses React to render SVG rectangles, with d3.scaleTime and d3.scaleLinear for the axes, d3.histogram to bin reported dates into monthly intervals, and d3.sum to aggregate the “Total Dead and Missing” values per bin. Axes and marks are generated via custom React components, with tooltips provided by SVG `<title>` elements.

TThomas Cormican

94% match