Realtime Energy Distribution Card

This card for Home Assistant Dashboard card is designed to mimic the historic distribution card included by Home Assistant.

The card works with entities from within the sensor & binary_sensor domain and displays the sensors current state as well as a line graph representation of the history.

Install

HACS (recommended)

This card is available in HACS (Home Assistant Community Store). HACS is a third party community store and is not included in Home Assistant out of the box.

Manual install

1. Download and copy realtime-energy-distribution-card.js from the latest release into your config/www directory.

2. Add the resource reference as decribed below.

Add resource reference

If you configure Dashboards via YAML, add a reference to realtime-energy-distribution-card.js inside your configuration.yaml:

resources:
  - url: /local/realtime-energy-distribution-card.js
    type: module

Else, if you prefer the graphical editor, use the menu to add the resource:

1. Make sure, advanced mode is enabled in your user profile (click on your user name to get there)
2. Navigate to Configuration -> Dashboards -> Resources Tab. Hit (+ ADD RESOURCE) icon
3. Enter URL /local/realtime-energy-distribution-card.js and select type "JavaScript Module". (Use /hacsfiles/realtime-energy-distribution-card/realtime-energy-distribution-card.js and select "JavaScript Module" for HACS install)
4. Restart Home Assistant.

Using the card

We recommend looking at the Example usage section to understand the basics to configure this card. (also) pay attention to the required options mentioned below.

Options

Card options

Name	Type	Default	Description
type (required)	string		custom:realtime-energy-distribution-card.
entities (required)	map		One or more sensor entities in a list, see entities map for additional entity options.

Entities map

Name	Unit	Description
battery (required)	kW	Entity providing a positive value when charging and a negative value when discharging.
battery_charge	%	Entity providing the current percentage of charge on the battery.
grid (required)	kW	Entity providing a positive value when consuming and a negative value when producting.
solar (required)	kW	Entity providing a value of generation.

Example usage

type: custom:realtime-energy-distribution-card
title: Realtime Distribution
entities:
  battery: sensor.powerwall_battery_now
  battery_charge: sensor.powerwall_charge
  grid: sensor.powerwall_site_now
  solar: sensor.powerwall_solar_now