Energy Cards


This is a list of all the cards used in the energy dashboard, you can also place them anywhere you want in your Lovelace dashboard.

At the moment there are no configuration options available for these cards, you can configure them on the energy configuration page.

Energy date picker

Screenshot of the energy date selection card Screenshot of the Energy date selection card.

This card will allow you to pick what data to show. Changing it in this card will influence the data in all other cards.

Example

type: energy-date-selection

Energy usage graph

Screenshot of the energy usage graph card Screenshot of the Energy usage graph card.

The energy usage graph card shows the amount of energy your house has consumed, and from what source this energy came. It will also show the amount of energy your have returned to the grid.

Example

type: energy-usage-graph

Solar production graph

Screenshot of the solar graph card Screenshot of the Solar production graph card.

The solar production graph card shows the amount of energy your solar panels have produced per source, and if setup and available the forecast of the solar production.

Example

type: energy-solar-graph

Gas consumption graph

Screenshot of the gas consumption graph card Screenshot of the gas consumption graph card.

The gas consumption graph card shows the amount of gas consumed per source.

Example

type: energy-gas-graph

Energy distribution

Screenshot of the energy distribution card Screenshot of the Energy distribution card.

The energy distribution card shows how the energy flowed, from the grid to your house, from your solar panels to your house and/or back to the grid.

If setup, it will also tell you how many kWh of the energy you got from the grid was produced without using fossil fuels.

If you set link_dashboard to true, the card will include a link to the energy dashboard.

Example

type: energy-distribution
link_dashboard: true

Energy sources table

Screenshot of the energy sources table card Screenshot of the Energy sources table card.

The energy sources table card shows all your energy sources, and the corresponding amount of energy. If setup, it will also show the costs and compensation per source and the total.

Example

type: energy-sources-table

Grid neutrality gauge

Screenshot of the grid neutrality gauge card Screenshot of the Grid neutrality gauge card.

The grid neutrality gauge card represents your energy dependency. If it’s green, it means you produced more energy than that you consumed from the grid. If it’s in the red, it means that you relied on the grid for part of your home’s energy consumption.

Example

type: energy-grid-neutrality-gauge

Solar consumed gauge

Screenshot of the solar consumed gauge card Screenshot of the Solar consumed gauge card.

The solar consumed gauge represents how much of the solar energy was not used by your home and was returned to the grid. If you frequently return a lot, try to conserve this energy by installing a battery or buying an electric car to charge.

Example

type: energy-solar-consumed-gauge

Carbon consumed gauge

Screenshot of the carbon consumed gauge card Screenshot of the Carbon consumed gauge card.

The carbon consumed gauge card represents how much of the energy consumed by your home was generated using non-fossil fuels like solar, wind and nuclear. It includes the solar energy you generated your self.

Example

type: energy-carbon-consumed-gauge

Devices energy graph

Screenshot of the devices energy graph card Screenshot of the devices energy graph card.

The devices energy graph show the energy usage per device, it is sorted by usage.

Example

type: energy-devices-graph