Add pie chart mode to energy devices graph

[MindFreeze]

Proposed change

Add a new mode to the energy devices graph with a universal transition animation

Screen.Recording.2025-10-01.at.16.15.35.mov

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[karwosts]

The device hierarchy is a bit of a problem here right? If you're rendering bars as a percentage of a whole, any energy under a hierarchy is going to be double (or more) counted if you're rendering it as a fraction of 100%.

[MindFreeze]

Yes but the circle doesn't need to represent 100% of the consumption.
There is also a new option to hide compound sensors from this chart. I think it should be enabled bu default at least in the energy dashboard

[MindFreeze]

The idea of this card is to show you the top consumers and conflating end devices with compound ones like breakers just needlessly complicatesb it, imo.

[karwosts]

The idea of this card is to show you the top consumers and conflating end devices with compound ones like breakers just needlessly complicatesb it, imo.

I guess I'm afraid "end device" vs "compound device" is not such a black and white distinction. Just because you have at least one child device under a device doesn't mean that it's superflouous, you could have many other loads under a parent that aren't otherwise tracked, and then you'll lose that monitoring.

I fear if we punish users by removing features for enabling hierarchy we'll end up driving them back to whatever janky templates they were trying to use before we added this feature.

[MindFreeze]

Actually we could use this to show the total usage in the middle and then it would make a lot of sense to show the untracked part of parents like in the other chart. Only when they are enabled of course.
I'll make some changes tomorrow.

[MindFreeze]

Add total in the center and made the graph show only the untracked part of compound sensors. Just like the other devices graph

[MindFreeze]

Not sure how to handle untracked energy now. The total in the middle will be more than the sum of the devices because untracked isn't included. But I'm afraid if I include it, it will take a lot of space in some cases and reduce the actually valuable data.
Hmm, I'll try to explain it in a tooltip for the total

[karwosts]

Should it have a fixed height? The size of the card seems still governed by the bar-chart the number of entities, so if you have only a couple, it's pretty small.

[MindFreeze]

I set a min height of 300. Could make it 400 like the other charts.
Left the height as is though so the UI doesn't jump around when you toggle the chart type.