home assistant energy card


Full disclosure. It is not designed to show energy, only power. Display as a link instead, If you have an account, sign in now to post with your account.

Instead I have it displayed on one of my other pages.

Mine is 3900w mounted directly north at around 45 degree angle. Well exactly what I am looking for so thanks for your work!

Your link has been automatically embedded.

mate this is great, any chance in sharing the code for this??

I got it working by making a new energy distribution image.

My issue is that when I add the Energy Distribution card to my Lovelace dashboards, the card does not automatically refresh/update every hour as the underlying data updates.

but i do see on my phone-app, they use line break for the Header, so in phone-app, it looks different, they trow Today under week/month/year regardless if i keep it horizontal/vertical and it pops down another row(awfully) You could say that the Header, in Energy dashboard, and the Header in common seems to be an neglected UI area in HA.

I created separate sensors for those installations and am using forecast.solar for retrieving the forecast for those installations.

All of this is based on testing and ideas fromhttps://community.home-assistant.io/t/rest-api-command-platform-fails-on-post-to-external-url-solcast/143238/141. What esphome apps are you using to drive the screens?

, so should be possible to adapt with either Card-Mod or other cards, Did you share this card above ?, i didnt notice any select sections in above only a template and 2 apexs-card.

Theyre all pulling from my one energy_received sensor. I dont use is for live values, but to get a view of what I produce/use per day. So for live view the extension of kW is correct, but when you use it to monitor historical values it should be kWh. Maybe I missed something in the configuration but I cant find the option to tell the card to display itself in the header. It does work with this card, only kW instead of kWh.

Thats why the Energy Dashboard was such a win for me.

It is not a ha-card which can be solved to wrap the card in a card-mod card which will inject the ha-card section the other one is that it uses shadow-root. Where is this data?

Im open to suggestions or PR, but it meets my needs.

yep, havent looked that much into Energy, as i only have 2 Sensors there from my grid-provider, showing all However my favorite card is the apex bar chart I set up to show actual vs forecasted solar production.

Its available on HACS, but you need to search for energy (and off course first add the repository). 2022-05-09: Due to a conflict with an existing card of the same name in HACS, this card is now named Power Flow Card, I dont like it as much, but is what it is without being a mouthful. But on that page theres only short examples not the whole ( Energy date selection card. ) Replace the sensor.goodwe_ppv with your own actual solar/pv sensor.

I also prefer the power distribution card. An overview of the energy cards that are available. Theres a Lovelace card for that in HACS: GitHub - gurbyz/power-wheel-card: An intuitive way to represent the power and energy that your home is consuming or producing. Powered by Discourse, best viewed with JavaScript enabled, Energy Dashboard: Realtime Energy Distribution, GitHub - gurbyz/power-wheel-card: An intuitive way to represent the power and energy that your home is consuming or producing.

Im open to pull requests from other contributors. The energy distribution widget in the energy dashboard is awesome.

And its absolutely great to see it fully matches the HA core energy card. Did the change myself, just edited the js file.

( DOM Navigation ), Powered by Discourse, best viewed with JavaScript enabled.

Hi @ulic

Dont get me wrong, that wasnt a criticism of your card at all. Maybe if I cant find this data elsewhere, Ill try them again. I particularly like the ability to monitor a couple of other big loads in the house (hot water and ducted heating in my case).

Just wondering what automations you have made with Solar that have made a difference on saving money?? and you cant use another card, inside the header-card, to force 1 row ?, as i in showed example, using "

Fully Kiosk is causing this issue.

Once done, grab your site as resource_id and the api key. Available for free at home-assistant.io, Press J to jump to the feed.

As I wanted to use some of the data that has been calculated for automatons, but I never figured it out and gave up.

and making e few extra template sensors.

This looks fantastic, Ill be checking this out.

Power Forum.

It can be installed via HACS manually until then.

( as there is no visible entities, in this, i assume its picked in the card.js(from Energy Dashboard), ?

Powered by Discourse, best viewed with JavaScript enabled, Energy Dashboard: Realtime Energy Distribution, https://github.com/reptilex/tesla-style-solar-power-card.

So there is no real reason yet to charge my car or use my dishwasher or dryer during the day. The free account works fine for this, you get 50 api calls I think for free.

First you will need an account with solcast for the forecast.

Something like this?

Love your work! as i use a tablet which is always on. One request, is it possible to copy the Energy Distribution card and have an option to have a link at the bottom of the card that goes to the Energy dashboard? you made for your own Energy-Dashboard

Ive made a suggestion on github about it.

This card can be installed via HACS.

Are you asking to see an Instantaneous use Card that can be seen in the Energy Tab?

Did you mean that?

I am guessing this is related to the refresh time for the energy database/stats in the new energy dashboard.

Im already in the process of an option for separate grid consumption/production. Even if you have to punch the URL in yourself. you can basically use any card within header-cards, and even use card-mod, card is hard coded in the header Theres already a built in card for that.

I have three solar installations (14 panels, 7 panels and 3 panels). I dont use them as a remote lovelace dashboard like you are trying to do.

And gives you an idea what happens throughout the day, incl forecasts and where you drew power from (battery/grid/solar), The tesla style power card allows you to show current power distribution (W), I prefer the power distribution card above the tesla style power card (could never really figure out the math it tries to do with the sensors, and there is a bug with its rendering).

Ive renamed the card.

This doesnt exist for the values already configured in the energy dashboard, but its clear the math is already being done.

If you want I can do testing for you. So more like the power info on the inverter display.

I see you use 1 grid sensor.

Is this a bug or is there some underlying config Im missing? I built this for my sister to use, so my first cut was trying to keep it dead simple.

I would like to replicate the energy- date-selection card in the header, Do you use the Custom:Header-Card ?

Pasted as rich text. Custom energy dashboard: how to place energy-date-selection card in header? If anyone has any suggestions for an alternative name Im all ears. But I dont use is for live values, but to get a view of what I produce/use per day. You cannot paste images directly. Its also possible to do the math via esphome, if you are using that for your display, i just prefer to limit the sensors i pull in and do the math in home assistant.

Thanks for your hard work. Powered by a worldwide community of tinkerers and DIY enthusiasts. Found this power card for Home Assistant, a very neat way of showing what's happening with the power in your solar system.

The above is what is shows now in the morning.

unfortunately it seems to hang after a while Then add this to your yaml somewhere (configuration.yaml): Mine is athttps://github.com/tinuva/home-assistant-config/blob/master/packages/goodwe_dod.yaml. You can post now and register later.

hui-energy-period-selector , where you find energy-date-selection or maybe its the other way around

Is it in javascript, or where do you see this card/code ? Yes i know its still showing 2 row, in above example, but still within the boundaries of the Header Row High , in my browser atleats , but i was currently looking into force on row ( without fiddling in.js ), Thou i think i looks ok with 2 rows orig Energy breaks row awfully in my android phone, not at all like this, Yes but that seems to be at the text container

https://github.com/reptilex/tesla-style-solar-power-card.

I can throw together something in Photoshop or GIMP and move the data around like Im used to, and have the eink load that instead.

This isnt exactly what I was looking for. Having now used and lived with the energy feature for a week, I realised that the energy card does update, just at very long intervals (approx.

My initial go was just represent the same set of data points as the HA Distribution card.

home-assistant/frontend/blob/cfa048ea4e31218550280f0bcfcd142278d24427/src/panels/energy/ha-panel-energy.ts, thomasloven/lovelace-card-mod/blob/master/README.md#dom-navigation. Running 2011.1 here with the new Energy features fed by an Enphase Envoy. Power dashboard as opposed to Energy dashboard? Same issue here, My grid is not configured yet, nor my batteries or individual devices.

I am not sure where the data is for the energy dashboard.

But if I display the component in the header it still thinks that it has limited space and therefore displays itself in two rows.

Please feel free to contact: Power(AT)powerforum.co.za, #resource: https://api.solcast.com.au/rooftop_sites/RESOURCE_ID/forecasts?format=json&api_key=API_KEY&hours=72, "{{ value_json.forecasts[0].pv_estimate|round(2) }}", "{{ value_json.forecasts[0].pv_estimate10|round(2) }}", "{{ value_json.forecasts[0].pv_estimate90|round(2) }}", https://github.com/tinuva/home-assistant-config/blob/master/packages/goodwe_dod.yaml, https://community.home-assistant.io/t/rest-api-command-platform-fails-on-post-to-external-url-solcast/143238/141. See https://data.home-assistant.io for docs. My weekly usage would reset several times a week.

Grid: entity providing a state with a positive value when consuming and a negative value when producting. Sure no problem.

I do have a separate sensor for grid consumption and a separate sensor for grid production.

I would like to replicate the energy- date-selection card in the header (as it is displayed in the energy dashboard).

Though thats power, not energy. HACS isnt fully updated yet. This only happens to the card itself when added to my dashboard, the Energy section of HA updates correctly.

I haven't been using it to forecast the actual production number as my batteries are usually full by 12:00 so I have quite a lot of solar power I don't use in summer, but rather just to give me an indication as to how much solar radiation we will have available for the day. Would be nice to have something like that integrated in the energy dashboard. Once you have an account, set up a site with your panels total kW capacity and the angle they mounted as well as the direction. [/quote].

I managed to set up my energy bridge to display energy usage in the Energy tab but have been unable to find a way to display the instantaneous usage. I dont have any specific automations yet to save money because in the Netherlands I can still cross out the usage of electric power during the night against the power I generated during the day. I did have the utility sensors running for a while, but they reset seemingly randomly and I never figured out why. Is it just really elaborate templates?

and wont update even in the HA app itself.

The update to the ED card seems to happen when I switch tabs or dashboards in HA.

Im currently using this power flow card: https://github.com/reptilex/tesla-style-solar-power-card. Edit: But you are right, card-mod doesnt do anything here, i just noticed, Dont know if this would change anything.

This is just a recreational project for me, so I work on it as I have spare time. The two rows visualization is realized by the flex-direction: column-reverse on the div class row. then you can do whatever you want with the raw data from each sensor. However, it would be helpful if we could have a real-time view of this. What sensors, though? I finally got a Waveshare eink display to load a Lovelace dashboard, and it looks great, mostly.

Obviously I dont remember my schooling.

Any possibility to separate them?

Then in the the UI, create a card with the following yaml code to get the graph.

Powered by Discourse, best viewed with JavaScript enabled, Screenshot_20211130-074300_Home Assistant, Energy Distribution Card not updating on dashboard. Yes, the core card does give correct results for energy.

Graph: Forecast total solar power production. The screenshot below shows my dashboard with real-time values and the home assistant energy card (which only updates every hour). I like it and very much appreciate you sharing it and understand the issues of feature creep.

The used component is the hui-energy-period-selector which is used when there is enough room (not narrow) (line 76). Im not opposed to the idea of adding a couple of items that hang off the home. These arent exposed from the dashboard.

Edit: Ahhh i get it, i just created a energy-date-selection card on a test-view i have will take a deeper look later

It is the Energy date picker card. This graph uses the custom apexcharts card.

The built in functionality is only for energy usage (kWh).

And I cant find it in HACS: HA!

It checks whether enough room is available and then displays it in one row.

On other dashboards, I can call sensor.xyz_thing to display a value I can style with css.

Although the daily distribution is informative, knowing the current real-time distribution will help users make better informed decisions where they dont already have automation to do the same (e.g., switch on or off a specific appliance to maximise self-consumption and self-sufficiency). October 9, 2021 in Home Automation. Perfect to run on a Raspberry Pi or a local server.

But if that cant be changed its ok, was just a question. I unfortunately cant use another card because the energy selection date card also handles the update of the other energy cards. Home Assistant is open source home automation that puts local control and privacy first.

Apparently there is a naming conflict with an existing card in HACS. Sc00bs,

'sensor.boiler_fuel_consumed' is an increasing total number of gallons I have used since some arbitrary time zero. Nice.

(Download via HACS).

Using the new version for some days now and its absolutely working great! It has a lot more options and can use two grid power sensors. Great news By

Going to have to spend some time to see if I can get my head around it.

it jumped from 4.2kW to 2.5kW sun energy (4.2 was from the day before).

Paste as plain text instead, If you want energy, use the core card, like I said. ). Its been submitted for inclusion as a HACS default card, Im not sure how often they update the list, but it seems like there are several weeks of pending additions.

Its not documented anywhere I can tell, and its not separate entities.

Is the possibility of monitoring two or three house loads something you would be likely to consider adding in the future?

2022-04-28: Original announcement

60 minutes). I actually use the solar forecast so as to decide whether to switch my pool pump on or not with Node Red.

Works well, just what I was looking for as the Engery Distribution card is giving a running total, which I dont care about if I just want to check if I can turn on the washing machine and be using solar.

This will change in the future and then I am planning to use some automations that will send me notifications to charge my car or use the dishwasher during the day when there is enough solar power or predicted solar power.

PS: thou i still dont see where/how in your View code you placed this energy-date-selection card ? Yesterday some time during the day it looked like this: That is very cool, could you post the code for it perhaps?

I want to be able to tap into that.

I use it now for my energy overview.

Hello, Ive built a Power Distribution card based on the official historic Energy Distribution card supplied by HA.

Are you aware of the energy dashboard build in to HA?

Ok, yes i see, but its still a HA-Element ( ha-menu-button )

I checked the source code of the energy dash-board and apparently the card is hard coded in the header of the energy dashboard

Need Help?

Its definitely pulling from my energy sources (right now just my meter) and doing some math. It actually worked.

I'm only polling current states for my displays though.

Im not opposed to adding more features like the additional appliances or what not. The problem is that the energy dashboard isnt as readable on an eink display as it is on a tablet.

Unfortunately it does not look as nice as this new card by Ulic and also occasionally has some rendering issues, though the developer is re-writing it. Clear editor. Upload or insert images from URL.

If so, thats exactly what I am looking for.

Sorry forgot the location of the hardcoded solution in the Home Assistant frontend.

For example, I use the following in my config file to give me how many gallons of oil I use both daily and monthly: utility_meter: daily_oil_usage: source: sensor.boiler_fuel_consumed cycle: daily monthly_oil_usage: source: sensor.boiler_fuel_consumed cycle: monthly. add the influxdb addon, then store statistics to that.

You may be able to used the Utility Meter Integration to create your own sensors to get the data that you are looking for.

(A custom card for the Lovelace UI of Home Assistant.

Use statistics card in Lovelace to graph it. Press question mark to learn the rest of the keyboard shortcuts.

Yes I know, but as stated in my post the calculation is not correct for me.

Does your card support the non-fossil view as the default one does?

I presume that you are interested in the new graphs and the used sensors.

I created a custom energy dashboard with more detailed information.

Also the separated grid production and consumption sensor are perfect! I tried to keep the initial design and configuration as minimal as possible.

With Header-Card I can put the card in the header but the card does not change its layout from two rows in one row.

the strange thing is that all other sensors which are displayed are realtime only the energy distribution card doesnt update. PS: i did have some problems getting it right, because of the limited space in header(so it wouldnt cover the cards below), i used card-mod to change font-size(and fiddled with different cards i think, to get the weather right also), but as i havent looked at the source-code you refers to, and havent tried to get that particular info fit into Header, i really dont know what i would try to do, in your case, PS: just had a short look at the Header in Energy they use Font-Size 20px, and the buttons(Day-weekly/etc) are .mdc-icons 26px in my Laptop-Browser noted: i have never been a fan of hard-coded size of either columns, pics, icons etc. i pull the data from my sensors/templates that feed the energy dashboards for my e-paper displays.

So, my thought is to use some of the sensor data (like the net consumed from grid, the amount my future Solar panels feed back in, etc) in a picture-elements dashboard.

Also, the next feature on the horizon is support for both W and kW unit input and configurable display of those as well. (A custom card for the Lovelace UI of Home Assistant.). Your previous content has been restored.

I dont even have energy/power monitoring in my home. Thanx for fast reply, but that doesnt give correct numbers.

Have looked at the built in one in HA, the Tesla Clone one allows for some added functionality from what I can see.

custom:template-entity-row " If you have header-cards installed, try to place this in top of your view ( Raw Configuration editor ) above views: I have both header-cards and card-mod installed but unfortunately it doesnt work. still having issues

I checked some more in the chrome inspector and the card has some issues before it can be used with card-mod. If you are seeing something odd then there is probably an issue with the way you have set up the Energy Dashboard.

I would like to know this as well.