NE Consumption

100%

NE Consumption

✓ Published0🌍 Public

88Tigers2020

Last edited Aug 27, 2021

Created on Aug 26, 2021

Forked from Missing Migrants Date Histogram

This visualization displays the total dead and missing migrants for each month in a date histogram. The chart aggregates data from the Missing Migrants Dataset, with the y-axis showing monthly sums of energy consumption in kilowatt-hours across the NorthEast sector. Built with React and D3 v5, the visualization uses `d3.bin` and `d3.sum` to group and aggregate the data, with axes and bars rendered as SVG elements. Interactive dropdown menus filter the x-axis by Region, Urban Status, Housing Type, Year Built, or Household Income.

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…

Missing Migrant

This visualization shows the monthly count of dead and missing migrants over time, with bars representing the aggregated total for each month. It uses React with D3 v5 to load CSV data via `d3.csv`, bin the reported dates using `d3.histogram` with `d3.timeMonths` thresholds, and sum the “Total Dead and Missing” values per bin. Axes are rendered with custom SVG components, and a `<title>` element provides hover tooltips. The data comes from the Data Canvas Sense Your City dataset.

Tthomasjungcoe

80% match

Loading thumbnail…

Missing Migrants DataSet I

This visualization displays monthly totals of dead and missing migrants from the Missing Migrants Global dataset, aggregated by reported date using a histogram. The bar chart shows the sum of casualties per month over time, with a time-scaled x-axis and linear y-axis. Built with React and d3.v5, it uses d3.csv for data loading, d3.bin with d3.timeMonths for binning, and custom SVG axis and mark components. The bars include native tooltips showing exact monthly totals.

CChris Briggs

80% match

Loading thumbnail…

Missing Migrant Data Part 2

This visualization aggregates missing migrant incidents by month, displaying the total number of dead and missing individuals as vertical bars over time. The histogram uses d3.bin with timeMonths thresholds to group reported dates, while d3.scaleTime and d3.scaleLinear map the temporal and count axes. The React-based SVG rendering relies on d3.csv for data loading from a subset of the Missing Migrants Project dataset, with tooltips exposing exact monthly totals via SVG title elements.

Nnpelliccia

80% match

Loading thumbnail…

missing migrant

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins as a histogram. The code uses d3.csv to load data from the Missing Migrants Global 2019 dataset, d3.bin and d3.timeMonths to create temporal bins, and d3.scaleTime and d3.scaleLinear for the axes. React renders the SVG graphic, with d3’s timeFormat used for tick labels and native SVG `<title>` elements providing tooltips. The chart is built using d3 v5 within a React 16 application.

TTsaiJie

80% match

Loading thumbnail…

Missing Migrant

This visualization uses a histogram to show the total number of dead and missing migrants per month, based on data from the Missing Migrants Project. The x-axis displays dates using `d3.scaleTime`, while the y-axis encodes counts via `d3.scaleLinear`. Binning is performed with `d3.histogram` and `d3.timeMonths`, and bars are rendered as SVG rectangles using React. The code imports `d3.csv` for data loading and `d3.sum` for aggregation, with axes built from `d3.ticks`.

33ssalunke

80% match

Loading thumbnail…

Missing migrants

This visualization shows the total number of dead and missing migrants reported per month, using a bar chart where each bar aggregates monthly totals. The code loads a CSV dataset of migrant incidents, bins the reported dates into monthly intervals using `d3.bin` with `timeMonths` thresholds, and sums the "Total Dead and Missing" values per bin. React manages the component state while D3 scales (`scaleTime`, `scaleLinear`) and axes render the SVG output. Axes are formatted with `timeFormat`, and tooltips display raw values via SVG `<title>` elements.

MmohitPassan

80% match

Loading thumbnail…

Missing Migrants Date Histogram

This interactive visualization displays a date histogram of monthly totals for dead and missing migrants, using data from the Missing Migrants Dataset. The bar chart aggregates individual incident records by month, summing the reported deaths and disappearances for each time bin. Built with React and D3 v5, it renders SVG bars using `d3.bin` to group data into monthly thresholds and `d3.sum` to calculate totals. The visualization demonstrates reusable axis components and tooltips through SVG `<title>` elements.

Qqhfzwyx

80% match

Loading thumbnail…

Analyzing Missing Migrants

This visualization analyzes missing migrant data by showing the total number of dead and missing individuals aggregated by month, displayed as a bar chart with time on the x-axis and counts on the y-axis. The code uses React with D3 v5, employing `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.histogram` with `d3.timeMonths` to bin the daily records into monthly totals. Each bar includes a tooltip showing the exact monthly count, rendered as an SVG with custom axis components.

MMichael Bruno

80% match