Energy and Power Monitor Card

The Energy and Power Monitor Card is a custom Home Assistant card that works alongside the Energy and Power Monitor Integration. It allows you to monitor and display energy and power consumption for different rooms or devices using a user-friendly configuration interface. You can set up and configure the card directly through the UI or using YAML.

---

Features

• Room Selection:
  Select a room from the list automatically fetched from the Energy and Power Monitor Integration. The card uses zone for selection.

• Display Options:
  Toggle the display of the room name and icon.

• Debug Logging:
  Enable verbose logging in the browser console for troubleshooting.

• Untracked Values:
  Option to display untracked power/energy values separately.

• Hide Zero-Watt Entities:
  Automatically hide any entity whose tracked value is exactly 0 W. Entities with any non-zero value (e.g. 0.1 W) are always shown. Enabled by default.

• Combine Values:
  When enabled, the card displays the combined value (tracked + untracked) in place of the tracked value.

• Room Name Position:
  Choose whether to display the room name inside the circle or below it.

• Remove Prefix:
  Remove specified prefix strings from child entity names.
  Enter a semicolon-separated list (e.g. 1 OG; Living Room; Office) and if a child's name starts with any of these prefixes (followed by a space and additional text) the prefix is removed.

• Levels to Display:
  Choose how many levels of the tree to show:

  • All: Show every level.
  • Only Selected: Show only the selected room.
  • All Parents: Show only nodes that have children (omit leaf nodes).
  • 1st Level Max: Show only the selected room and its immediate children.

• Color Untracked Label:
  Option to use the untracked color for the untracked value label.

• Live Color Preview:
  Tracked and untracked colors update the card preview in real time while dragging the color picker — no need to confirm or close first.

• Styling Options:
  Configure font sizes for tracked/untracked values and room names, as well as icon, circle, and ring sizes.

• Precision Control:
  Choose how many decimal places are shown for displayed values (0–3).

---

Prerequisites

This card requires the Energy and Power Monitor Integration to be installed and properly configured in your Home Assistant instance.

---

Installation

Manual Installation

1. Copy the contents of this repository into your Home Assistant config/www/community/energy-power-monitor-card/ directory.
2. Add the card to your Lovelace configuration:
   • Navigate to Configuration > Dashboards > Resources in Home Assistant.
   • Click Add Resource and enter the URL: /local/energy-power-monitor-card.js
   • Set the resource type to JavaScript Module.
3. Add the card to your dashboard using the Visual Editor or YAML mode.

HACS Installation

1. In HACS, click on the three dots in the top right.
2. Select Add a repository and choose Dashboard as the type.
3. Enter the URL: https://github.com/KrX3D/energy-power-monitor-card
4. Install the repository via HACS and restart Home Assistant if necessary.
5. Add the card as a resource in your Lovelace configuration.

---

Configuration Options

The card uses zone as the selection key.

Option	Type	Default	Description
Select Room	Dropdown	(First room)	Choose the room/zone to display. Rooms are fetched from the Energy and Power Monitor Integration.
Debug Logging	Checkbox	false	Enable verbose logging in the browser console.
Show Name	Checkbox	true	Toggle the display of the room name on the card.
Show Icon	Checkbox	true	Toggle the display of the room icon.
Show Untracked Values	Checkbox	true	Toggle the display of untracked power/energy values.
Hide Zero-Watt Entities	Checkbox	true	Hide entities whose tracked value is exactly 0 W. Entities with any non-zero value (e.g. 0.1 W) remain visible.
Combine Untracked Values	Checkbox	false	When enabled, the card displays the sum of tracked and untracked values.
Room Name Position	Dropdown	below	Choose where to display the room name: inside or below the circle.
Remove prefix (sep. by ';')	Text	""	Enter prefix strings to remove from child names if present at the start (followed by a space).
Levels to Display	Dropdown	all	Options: All – show all levels. Only Selected – show only the selected room. All Parents – show only nodes that have children (omit leaf nodes). 1st Level Max – show only the selected room and its immediate children.
Tracked Color	Color	#3CB371	Color for tracked values and circle border. Updates the card preview in real time while dragging.
Untracked Color	Color	#808080	Color for untracked values and (optionally) for the untracked label. Updates the card preview in real time while dragging.
Color Untracked Label	Checkbox	false	When enabled, the untracked value label uses the untracked color.
Tracked Value Size	Dropdown	10.5px	Font size for the tracked value display.
Untracked Value Size	Dropdown	10.5px	Font size for the untracked value display.
Room Name Size	Dropdown	10.5px	Font size for the room name text.
Icon Size	Dropdown	22px	Icon size for the room icon.
Circle Size	Dropdown	80px	Diameter of the circle in pixels.
Ring Width	Dropdown	6px	Thickness of the circular ring border.
Decimal Precision	Dropdown	1	Number of decimal places shown for values (0–3).

---

YAML Configuration Example

type: custom:energy-power-monitor-card
zone: sensor.living_room_energy
log_enabled: false
show_name: true
show_icon: true
show_untracked_values: true
hide_zero_values: true
combine_value_untracked: false
levels_to_show: all
remove_strings: "1 OG; Living Room; Office"
tracked_color: "#3CB371"
untracked_color: "#808080"
color_untracked_label: false
room_name_position: below
tracked_value_size: 10.5px
untracked_value_size: 10.5px
room_name_size: 10.5px
icon_size: 22px
circle_size: 80px
ring_width: 6px
decimal_precision: 1

GUI Configuration

1. Go to Dashboards and click Add Card.
2. Select the Energy and Power Monitor Card.
3. In General Options, choose the room, the levels to display, and toggle options (Show Name, Show Icon, Show Untracked Values, Hide Zero-Watt Entities, Combine Untracked Values).
4. In Style Options, adjust colors (preview updates live while dragging), font sizes, icon and circle sizes, room name position, and specify prefix removals (using ; as the separator).
5. Save your changes.