Fork of Fork of Working with Time

100%

Fork of Fork of Working with Time

✓ Published0🌍 Public

Last edited Mar 23, 2022

Created on Mar 23, 2022

This histogram visualizes the total number of dead and missing migrants over time, with monthly bins along the x-axis and aggregated death counts on the y-axis. It uses d3.csv to load the Missing Migrants dataset, d3.bin with timeMonths thresholds to group reported dates, and d3.scaleTime and d3.scaleLinear to map the data. React components render the SVG axes and rectangular marks, with CSS styling for ticks and bars.

AI-generated description

MIT Licensed

Similar vizzes

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

93% 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, 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.

PPavan Nimmagadda

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

92% match

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization shows the total number of dead and missing migrants per month over time, using a date histogram built with React and D3 v5. The code employs `d3.bin` with `timeMonths` thresholds to group data into monthly bins and `d3.sum` to aggregate the “Total Dead and Missing” values within each bin. Axes are rendered as SVG elements using reusable React components, with scales created via `d3.scaleTime` and `d3.scaleLinear`. Data comes from the Missing Migrants Dataset loaded through `d3.csv`.

Hhienng9

92% match

Loading thumbnail…

Fork of Working with Time

This histogram shows the monthly count of dead and missing migrants from the Data Canvas Sense Your City subset, with reported dates on the x-axis and total fatalities on the y-axis. React renders an SVG with d3.scaleTime and d3.scaleLinear axes, while d3.bin groups the data into monthly thresholds and d3.sum aggregates the death counts per bin. Hovering over a bar reveals its exact total via a native SVG `<title>` tooltip.

Ttharuta

92% match

Loading thumbnail…

Fork of Working with Time

This visualization displays the total number of dead and missing migrants over time, binned by month to reveal temporal trends. The React-based code uses d3.csv to load the Data Canvas Sense Your City dataset, then applies d3.scaleTime, d3.scaleLinear, and d3.bin with d3.timeMonths thresholds to aggregate and render the histogram. Custom SVG axes are drawn with d3.ticks and timeFormat labels, while a native SVG `<title>` element provides hover tooltips. The interactive chart appears static but relies on React’s useEffect hook for asynchronous data loading and conditional rendering.

Qqtrfx

91% match

Loading thumbnail…

Fork of Working with Time

This interactive bar chart visualizes the monthly cumulative total of dead and missing migrants from the Missing Migrants Global 2019 dataset, sourced via CSV from GitHub. The visualization aggregates daily records into monthly bins using D3’s `scaleTime`, `timeMonths`, and `histogram` functions, then renders the result as SVG rectangles within a React component. The chart includes labeled axes, styled tick marks, and hover tooltips showing the exact monthly count, all built with D3 v5 and rendered through React’s declarative SVG output.

Ttrissentety

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

91% match