sese-schneider / ha-energy-overview-card Goto Github PK
View Code? Open in Web Editor NEWA simple card which displays energy usage details of one or multiple entities.
License: MIT License
A simple card which displays energy usage details of one or multiple entities.
License: MIT License
When I'm using 100 watts from the grid my Goodwe sensor output -100w so the flow on this card is the wrong way round. Could you add an option to invert the sensor?
It would be great to have the color and animation dynamic.
I really would like to be able to color by the usage and same for animation. It would be great to have to be able to speed up of slow down the animation by usage.
Thank you!
Is there a way to control the decimals shown in the card? The precision provided by Shelly EM3 for instance seems a little excessive..and cannot be modified in the device afaik. Would not want to create template sensors for this.
Or alternatively, could the card follow the new Display precision
setting in UI (new feature in 2023.3 I think). It already seems to be obeying the Unit of measurement
set in the UI (f.ex. the kW
figures were originally presented as W
and I changed them in the UI dialog).
(and yes, my current clamps are still installed the wrong way around:)
`type: custom:energy-overview-card
entities:
- power: sensor.electricity_meter_power_consumption_phase_l1
current: sensor.electricity_meter_current_phase_l1
voltage: sensor.electricity_meter_voltage_phase_l1
animation:
power: 100
min_duration: 2
max_duration: 5
label_leading: P
label_trailing: L1
icon_leading: mdi:transmission-tower
icon_trailing: mdi:home-lightning-bolt
- power: sensor.electricity_meter_power_consumption_phase_l2
current: sensor.electricity_meter_current_phase_l2
voltage: sensor.electricity_meter_voltage_phase_l2
animation:
power: 100
min_duration: 2
max_duration: 5
label_leading: P
label_trailing: L2
icon_leading: mdi:transmission-tower
icon_trailing: mdi:home-lightning-bolt
- power: sensor.electricity_meter_power_consumption_phase_l3
current: sensor.electricity_meter_current_phase_l3
voltage: sensor.electricity_meter_voltage_phase_l3
animation:
power: 100
min_duration: 2
max_duration: 5
label_leading: P
label_trailing: L3
icon_leading: mdi:transmission-tower
icon_trailing: mdi:home-lightning-bolt
animation:
power: 1000
min_duration: 1
max_duration: 10
`
With this config, animation only plays over 1000w and not over a 100.
Also a feature request; would be nice to add a 4 bar or some sort of summary of the totalt power etc.
Hello,
Great card!
I would like to have an option to automatically order the list of the entities so that the entities which are consuming the most will be always on top.
I’ve noticed some jumps in the animation associated with the values being updated (every 30sec in my case) and it may be proportional to the number of digits: When the current value drops from 3 digits to just 2, the jump appears larger than otherwise. The values themselves on that line move slightly sideways too and there is a miniscule jump in L3 even if the # of digits there remains the same.
Please see screen capture below. The values change from ~12A to ~9A here:
For order_by option I would like to have an additional option to define the all time first row.
In my example I have solar power and several consumers. I would like to have the solar on top and the consumer sorted by consumption below.
Thank you!
very nice overview. I like it. The voltage and Current are close to each other. Maybe center all 3 over the entire length but also when e.g. power factor is not used.
Hi,
I have a feature request:
I see that negative values will show the animation from right to left (as expected). My DSMR has two sensors per line: Power Consumption and Power Production. Both are positive values. But When I have Production, I do not have Consumption and vice versa
Is there a way to display the results of the calculation: Consumption-Production? That is: with Consumption this is a positive value, and with Production this is a negative value. This way the animation shows exactly the flow of energy as it occurs.
I tried a template, but this isn't recognized (or I do something wrong).
This is a simple test config that works:
type: custom:energy-overview-card
entities:
- power: input_number.schuiver
label_leading: P
label_trailing: L1
icon_leading: mdi:transmission-tower
icon_trailing: mdi:home-lightning-bolt
color: '#488fc2'
But if I change the power line to use a template, like this:
- power: "{{ states('input_number.schuiver') }}"
It doesn't show anything. This line only uses a template to retrieve the value, no calculations are done (yet)
I am aware I can solve this with a template sensor, but I believe a solution in this card is the cleaner solution.
Hello,
Great card!
I would like to have an option to specify an action on click on the entity, ideally this would show the more-information dialog of the entity so that I can see the history of consumption for that entity.
When utilizing sensor entities that provide a lot of numbers in their floating point data, the data starts overlapping and is no longer visible:
A workaround is to generate a template sensor that provides the rounding, but given that most power entity viewers already provide a way of rounding data, it's probably more convenient to users to support this out of the box, e.g. to round to 1 or 2 digits (or make it configurable per measurement).
Very nice card! :-)
Please add individual animation settings to every entity instead of global setting.
That would be good if used entities does not have same power maximum.
Please add to all HTML elements an unique CSS class for customizing (via card_mod).
Please wrap entity value and entity unit into idividual CSS classed for customizing (indentation, color, etc.)
Thank you! :-)
Presently the card supports three energy inputs, but I was wondering if it's possible to allow a variable number of them, so you could have one or ten.
I'd anticipate that the changes would be to make the EnergyOverviewConfig
type have an array of entity fields:
export interface EnergyOverviewConfig {
type: string;
entities: {
current: string;
power_factor: string;
voltage: string;
power: string;
}[];
}
And then card render
method would iterate over the config.entities
array to read each entity set to build up the existing data
array (there'd probably have to be something else done to make the colour of each row support more).
Really nice card - used it straight away.
Although please make an option (true/false?) for power factor being either 0-100% or 0-1, as i.e. my electricity meter calculates it with total of 1 max (which seems ok verifying that with Wiki too: https://en.wikipedia.org/wiki/Power_factor )
Hello!
Thanks for a good job, very useful card.
Could you add the possibility to use power in kW due most meter provide it in kW, not in W only.
Otherwise card not animated.
Thanks in advance!
Dutch power meters don't have a 'negative' power variable. Instead they have power_consumed and power_produced variables.
The second you don't draw power, the P1 port of the meter will increase the power_produced counter instead.
So with solar panels, your widget will show for example 14A in use @ 0 watt (as there's 14 amps of power pushed back into the grid)
It'd be great that you could put two variables in your widget:
power_consumed: sensor.1
power_produced: sensor.2
If there's a >0 value in either, it'll show either the power pulled out of the net or pushed back into the grid.
If value ==0 on both, the phase is not used currently.
If I wanted to add multiple power meter smart plugs using this card it would be handy to have a lable option per one so we can differentiate.
I did try adding lable/name in case it was already there
Just installed version 2.2.0 through HACS on HA 2023.3.1 and for some reason the card does not appear in the "Add Card" menu in Lovelace. Tried even redownload in HACS and HA reboot but no, only other custom cards shown in the menu.
I can see the files are at /config/www/community/ha-energy-overview-card
and it is listed in Dashboards > Resources (http://homeassistant/config/lovelace/resources) but even when adding some config code manually to a card it shows just an empty card. So somehow Lovelace is not loading this resource? No errors in logs (that I could find/associate to this)
The power factor of Phase A is not available somehow, Phase B and Phase C seem to be ok.
Could it be because of negative values?
I'm on the latest version 2.1.0.
Thanks!
EDIT:
- type: custom:energy-overview-card
entities:
- power: sensor.shelly3em01_channel_a_power
current: sensor.shelly3em01_channel_a_current
voltage: sensor.shelly3em01_channel_a_voltage
power_factor: sensor.shelly3em01_channel_a_power_factor
label_trailing: A
icon_leading: mdi:transmission-tower
icon_trailing: mdi:home-lightning-bolt
color: '#488fc2'
- power: sensor.shelly3em01_channel_b_power
current: sensor.shelly3em01_channel_b_current
voltage: sensor.shelly3em01_channel_b_voltage
power_factor: sensor.shelly3em01_channel_b_power_factor
label_trailing: B
color: '#7dbff5'
- power: sensor.shelly3em01_channel_c_power
current: sensor.shelly3em01_channel_c_current
voltage: sensor.shelly3em01_channel_c_voltage
power_factor: sensor.shelly3em01_channel_c_power_factor
label_trailing: C
color: '#b1f2ff'
Could you add one more parameter to the line - current frequency.
Can someone help me with examples of the card?
Is this a manual card ? because i am not seeing it in card even though integration is there.
Hey mate, I'm the dude from Reddit with the changing dot direction issue ;-)
To add more information about the issue: I never installed your add-on outside of HACS.
Here is my config:
type: custom:energy-overview-card
a_current: sensor.shelly3em01_channel_a_current
b_current: sensor.shelly3em01_channel_b_current
c_current: sensor.shelly3em01_channel_c_current
a_voltage: sensor.shelly3em01_channel_a_voltage
b_voltage: sensor.shelly3em01_channel_b_voltage
c_voltage: sensor.shelly3em01_channel_c_voltage
a_power: sensor.shelly3em01_channel_a_power
b_power: sensor.shelly3em01_channel_b_power
c_power: sensor.shelly3em01_channel_c_power
a_power_factor: sensor.shelly3em01_channel_a_power_factor
b_power_factor: sensor.shelly3em01_channel_b_power_factor
c_power_factor: sensor.shelly3em01_channel_c_power_factor
Thanks!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.