https://github.com/thybag/ha-energy-entity-card

A Simple Home Assistant energy entity card that integrates with `energy-date-selection`
https://github.com/thybag/ha-energy-entity-card

energy-card energy-dashboard energy-date-selection hacs-plugin home-assistant

Last synced: about 2 months ago
JSON representation

A Simple Home Assistant energy entity card that integrates with `energy-date-selection`

• Host: GitHub
• URL: https://github.com/thybag/ha-energy-entity-card
• Owner: thybag
• License: mit
• Created: 2024-06-08T16:33:36.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2026-04-06T13:16:29.000Z (2 months ago)
• Last Synced: 2026-04-06T15:17:50.927Z (2 months ago)
• Topics: energy-card, energy-dashboard, energy-date-selection, hacs-plugin, home-assistant
• Language: JavaScript
• Homepage:
• Size: 35.2 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Home Assistant Energy Entity Card

A simple energy entity card for Home Assistant that connects with `energy-date-selection`.

Use with other energy components to create your own bespoke energy dashboards.

![An example of the custom:map-card](cards.jpg)

## Basic setup

Ensure the  `energy-date-selection` is added to the page. This can be added as a "Manual" card from the add card menu with the content `type: energy-date-selection`.

You can then add as many `custom:energy-entity-card`'s to the page as your would like.

While designed for the energy dashboard, this card also works with any other entities that use home assistants long time history.

Your card config should look something like the below. Only the `entity` and `type` are required.

```

type: custom:energy-entity-card

name: Energy used

entity: sensor.grid_energy_used

unit: 'kWh'

```

## Installation

#### HACS

1. Navigate to your home assistants HACS tab and open the "Frontend" section

2. Click the 3 dot menu in the top right hand corner.

3. Select "Custom repositories"

4. Enter `thybag/ha-energy-entity-card` as the repository, and lovelace as the category.

5. Press "Add"

6. The `energy-entity-card` should now be available in HACS when you search for it. Install it and your done.

See the [HACS Custom Repository](https://hacs.xyz/docs/faq/custom_repositories/) page for fuill details.

#### Manual

1. Copy `ha-energy-entity-card.js` to your `/var/lib/hass/www` folder.

2. Click on `Edit Dashboard`,  `Manage resources` add `/local/ha-energy-entity-card.js` as `JavaScript Module`.