HA PowerFlow Document

⚡ HA Powerflow HUD

The definitive guide to visualizing your energy ecosystem.

Download on GitHub

👋 Welcome to HA Powerflow

The HA Powerflow HUD is a high-performance, real-time visualisation tool for your WordPress site. It connects directly to your Home Assistant instance to display live energy flows (Solar, Battery, Grid, and House) in a beautiful, high-tech interface.

New to Home Assistant? Don’t worry. This guide will walk you through exactly what you need to copy and paste to get your data flowing.

Core Concepts

HUD
Heads-Up Display. The visual interface that shows your data.
Entity
A specific sensor in Home Assistant (e.g. your solar production or battery percentage).
Refresh Rate
How often (in seconds) the widget asks Home Assistant for new data. 5–10 seconds is usually ideal.
Session
A complete EV charging event — from plug-in to disconnect — automatically recorded by the plugin.

🔌 1. Connecting to Home Assistant

The plugin needs two things: the URL of your HA server and a Security Token.

Step A: The URL

  • Local access: http://192.168.1.50:8123
  • Nabu Casa: https://your-unique-id.ui.nabu.casa

Step B: The Access Token Vital

  1. Open your Home Assistant dashboard.
  2. Click your Profile Name (bottom of the sidebar).
  3. Scroll to Long-Lived Access Tokens and click CREATE TOKEN.
  4. Name it “WordPress Site” and copy it immediately — you will only see it once.
Security Note: Your token is like a key to your home. Never share it or post it in screenshots.

Step C: Test the Connection

Paste the URL and Token into the plugin settings and click Test Connection. A green success message means you are ready to configure your sensors.

🛰️ 2. Setting Up Your Sensors

Tell the plugin which Home Assistant entities represent your power sources and consumers.

The Core Four

  1. Grid Power: Positive = importing from grid, negative = exporting solar.
  2. House Power: Real-time load/demand of your home.
  3. Solar Power: Current output of your solar panels.
  4. Battery SOC: State of charge percentage (0–100%).
Smart Discovery: Click Scan for Entities in the Sensors tab. The plugin will search your HA instance and suggest matching sensors automatically.

Currency Symbol

Set your default currency symbol (e.g. £, , $) under Sensors → Defaults. This is used across all cost displays in the widget and EV charge summary.

Quick Modules

Use the toggles at the top of the settings page to enable or disable modules. If you don’t have an EV or Heat Pump, turn them off to keep your HUD clean. Note that the EV History tab only appears when the EV module is enabled.

🚗 3. EV Charging — Extended Telemetry New

The EV module goes beyond Power and SOC. Four additional fields can be pulled from your charger and displayed on the HUD. Each has its own Visible toggle so you can show or hide them independently.

Configure these under Settings → Modules → EV.

Charge Added
Running energy total for the session in kWh. Displayed as e.g. 12.4 kWh.
🔌
Plug Status
Live text state from your charger (e.g. Charging, Eco+, EV Disconnected). This field also drives automatic session tracking.
⚙️
Charge Mode
Active charging mode from your charger (e.g. Smart, Boost, Eco).
💷
Co Charger Cost
Cost rate per kWh from your charger sensor. Displayed using your Currency Symbol (e.g. £0.25). Also used to calculate total session cost.

How Session Tracking Works

The plugin tracks charging sessions automatically in the background — no configuration needed beyond entering your sensor entity IDs above.

Plug Status receivedWhat happens
Charging, Eco+, Boost, Waiting, or any other valueSession continues. All states except Disconnected count as the same session.
Contains “Disconnected”Session ends and is saved as completed.
unavailable, unknown, N/A, emptyIgnored — never starts or ends a session.
Note: Session data is recorded only while a page containing HA_POWERFLOW (shortcode) is open in a browser. The widget polls Home Assistant and logs each data point in the background.

EV Charge Summary Shortcode

Place this shortcode on any page or post to show a full history of your charging sessions:

EV_CHARGE_SUMMARY (shortcode)

To auto-refresh the page during an active session, add the refresh attribute with the number of seconds:

EV_CHARGE_SUMMARY refresh=60 (shortcode)

The refresh only fires whilst a live session is in progress — when the EV disconnects, auto-refresh stops automatically.

What the Summary Shows

🟢 Live Session Banner
Pulsing indicator with a running elapsed timer whilst charging is active.
📊 Session Stats
Duration, energy added, total cost, average and peak charge rate, rate per kWh, data point count, start and end times.
📈 Dual-Axis Chart
kWh added over time (area line) with charge power in kW (bars). Tooltip shows running cost at every point.
🕓 Previous Session
The last completed session always stays visible for reference — even during a new live session.

Total Cost is always calculated as Charge Added (kWh) × Co Charger Cost (rate) using your Currency Symbol.

EV History Tab (Admin)

When the EV module is enabled, an ⚡ EV History tab appears in plugin settings. It provides:

  • Summary stats — total sessions, total energy, total cost across all recorded sessions
  • Full session table with date, times, duration, kWh, cost, avg/peak rates, and status
  • Per-row delete button to remove individual sessions
  • Clear All History — removes completed sessions, preserves any active session
  • Export CSV — downloads a dated .csv of the full table instantly
The EV History tab hides automatically when the EV module is disabled, and reappears the moment you enable it — no page reload required.

🎨 4. Design & Appearance

Make the HUD yours. The display is split into Labels (text) and Lines (the animated flow).

Smart Palette

If you leave the Line Color fields blank, the plugin uses its Smart Logic to automatically colour flows:

Green Flows
Exporting to the grid or charging from solar.
Blue Flows
Importing from the grid or normal consumption.
Gold Flows
Solar generation active.
Orange Flows
Battery discharging to sustain the home.

The Live Preview

Toggle Live Preview in the admin settings to see your changes in real time. Colour adjustments, module visibility, and label positions all update instantly without saving.

Custom Labels

Set independent colours for the Title (e.g. “SOLAR”), Power (e.g. “4.2 kW”), and Energy (e.g. “12.5 kWh”) text to keep them legible over any background image. The EV extended telemetry fields (Charge Added, Plug Status, Charge Mode, Co Charger Cost) use the Energy colour.

🚀 5. Advanced HUD Mastery

🎯 Drag & Drop Positioning

Enable 🐛 Debug Mode at the bottom of the settings page, then click and drag any entity label or module icon in the Live Preview. Coordinates update automatically when you drop.

Additional HUD Entities

Want to show your pool temperature or greenhouse humidity? Use the Additional HUD Entities section under the Sensors tab. Add unlimited extra sensors with custom labels and place them anywhere on the canvas. Each has its own Visible toggle.

Shortcode Reference

ShortcodeDescription
HA_POWERFLOW (shortcode) The main live power flow widget.
EV_CHARGE_SUMMARY (shortcode) EV charging session history with charts and stats.
EV_CHARGE_SUMMARY refresh=60 (shortcode) Same as above but auto-refreshes every 60 seconds whilst a session is active. Any number of seconds is accepted.

Snapshots & Encrypted Backups

Every time you click Save, the plugin creates an automatic Snapshot. To roll back, open the Maintenance tab, pick a previous snapshot, and click Restore.

🔒 Security First: Your Home Assistant Access Token and URL are encrypted with AES-256 before being saved to any snapshot file.

© 2026 HA Powerflow HUD — v2.2.0

View on GitHub

Created for energy enthusiasts. Enjoy your dashboard!