Energy consumption dashboard template: keep the missing hour visible

A morning report says 3.0 kWh, but one of its three hourly readings is missing. Put known energy and covered time beside each other so the partial sum cannot quietly become a three-hour total.

The dashboard adds two supplied interval readings to 3.0 kWh and reports 2 of 3 hours covered. A range filter recalculates both the sum and its denominator. You can also test a duplicate record or enter a clearly labeled hypothetical third reading in 0.1 kWh steps; neither action obtains data from a meter.

Read the energy with its coverage
Read the energy with its coverage
Open the full example ↗

Read the intervals before the headline

The fictional meter is M01 on October 13, 2026, in UTC. E01 covers 09:00–10:00 and contains 1.2 kWh. E02 covers 10:00–11:00 and contains 1.8 kWh. E03 covers 11:00–12:00, with no reading supplied. These numbers already represent energy used during each interval. They are not cumulative register values that need subtraction.

The interval starts are included and ends excluded, so adjacent hours touch without overlapping. Keep those boundaries, meter ID, unit and source reference in the workbook. The Department of Energy describes interval meter analytics and time profiles; this small review uses the interval structure without claiming the broader capabilities of an energy management system.

Report the coverage that belongs to the sum

For the whole requested window, 1.2 + 1.8 = 3.0 kWh is known across two hours. Coverage is 2 ÷ 3, displayed as 66.7%. The full-window total is unavailable. A missing E03 is not a recorded zero, and averaging the earlier hours would create an estimate rather than recover its source reading.

Choose the 09:00–11:00 range and the same 3.0 kWh covers 2 of 2 hours, or 100%. That result is complete for the shorter window only. Choose 11:00–12:00 and there are no supplied readings: the known sum is unavailable, not a measured zero. Read the range label whenever comparing two totals.

Inspect duplicates without adding them twice

The duplicate demonstration adds a second copy of E02 to the raw display. It still represents the same meter and hour with the same value. Count that interval once: the known energy remains 3.0 kWh. Retain the duplicate's provenance so someone can investigate why it appeared.

Two disagreeing versions need the authoritative correction; do not pick the smaller number because it improves a chart. Different meters, units, zones or overlapping intervals also need reconciliation before a simple sum. For unequal durations, calculate covered time from interval lengths instead of equating a row count with hours. This example's intervals are each exactly one hour.

Try the update, then request its source

The scenario input lets you model E03 v2 = 2.0 kWh. Applying it gives 1.2 + 1.8 + 2.0 = 5.0 kWh across 3 of 3 hours. The page labels the entry hypothetical; typing it is not acceptance of an actual meter correction. Reset restores the original missing hour and keeps that baseline easy to inspect.

Keep kWh energy separate from kW power. There is no tariff, emissions factor or comparable savings baseline here, so the example calculates no bill, carbon total or savings. Request the actual E03 interval-energy record with its meter, time bounds, unit, source and version. Retain the earlier missing snapshot when an authorized correction arrives.

Copy this prompt

Create a complete original HTML example in US English for this task: Energy consumption dashboard template. Return one self-contained HTML file. Include all styles, data and JavaScript in the file. Use no remote dependencies. Return the working page, not an outline.

Fictional M01, 2026-10-13 UTC. E01 [09:00, 10:00)= 1.2 kWh; E02 [10:00, 11:00)= 1.8 kWh; E03 [11:00, 12:00) missing. Known 3.0 kWh over 2/3 hours, 66.7%; full-window total unavailable. Conditional E03 v2 = 2.0 gives 5.0 kWh over 3/3 hours. Values are interval energy, not cumulative readings.

Include buttons for full 09–12, known 09–11 and missing 11–12 ranges. Recompute covered duration, denominator, known energy and full-window availability for each. Draw original interval bars with explicit missing text rather than a zero bar. Add a duplicate-E02 demonstration that changes raw record count without changing the unique energy total. Provide a hypothetical E03 input from 0–100 kWh in 0.1 kWh steps, Apply scenario button and reset. Invalid input must not replace the prior scenario. Associate the reading with its live status message, mark rejected input aria-invalid, and clear that state after correction or reset. Label the selected range hypothetical only when it contains E03v2. After applying E03v2, the known-only 09–11 range still shows 3.0 kWh from supplied readings. Include a specific unsent missing-reading request; no cost, peak-demand, savings, network or equipment controls.

Use a page design suited to this particular task, readable text at least 16 px, generous spacing, visible keyboard focus and explicit labels. At 360 px, stack the content without page-level horizontal scrolling. Use type="button" click handlers for actions. Keep source facts and sample results distinct from actual observations. Leave unknown details visible rather than inventing them. Controls update only this temporary page; distinguish local changes from actual records. Provide concise task-specific feedback and a reset that clears entered answers and stale results.

Use the result

Take the missing-hour request to the source owner before presenting a full-window result. For a discussion about why a report is incomplete, view the prepared ledger and coverage comparison in NOS. Keep the meter export and accepted corrections in the maintained workbook, and carry the selected time window into every reported figure.

Keep reading