Y'know how the outer ring of the Home entity displays coloured sections which indicate how much power is coming from the grid vs solar vs battery? Having that for the grid entity with solar vs battery power would be righteous. It would require having different line colours for battery to grid and solar to grid.

Thanks very much for this card, it is excellent. Concisely informative cards like this are the best.

Seems to me that the color_icon and color_circle options do not work as expected for the grid circle?

Both options are great with the Solar and Home circle, but I can't achieve to dynamically color the Grid circle and icon according to grid consumption and production

Is that a bug in the card or again just a bug in my head? 😊

pic1: grid consumption is higher than production, grid circle is blue (correct) and grid icon is white (should be blue)

pic2: grid consumption is lower than production, grid circle should is still blue (should be magenta) and grid icon is white (should be magenta)

type: custom:power-flow-card-plus
entities:
  home:
    entity: sensor.rct_power_storage_dc10_consumer_power
    name: Home
    color_icon: true
    secondary_info:
      entity: sensor.rct_power_storage_dc10_grid_power_eurosaldo_hourly
      unit_of_measurement: Ct/h
  grid:
    entity:
      consumption: sensor.rct_power_storage_dc10_grid_power_consumption
      production: sensor.rct_power_storage_dc10_grid_power_production
      display_state: two_way
      color_circle: true
      color_icon: true
  solar:
    name: PV
    icon: mdi:white-balance-sunny
    color_icon: true
    entity: sensor.rct_power_storage_dc10_all_generators_power
    secondary_info:
      entity: sensor.rct_power_storage_dc10_all_generators_power_percentage
      unit_of_measurement: '%'
watt_threshold: 50000
w_decimals: 0
clickable_entities: true

Hi, In the description of the card on git it states: "Display current power, gas, and water usage in a display that matches the the official Energy Distribution card included with Home Assistant as much as possible.".

But if I look at the possible entities:

grid
solar
battery
individual1
individual2
home
fossil_fuel_percentage

There is no "gas" option. I tried to configure the individual1 object, and that is possible, but then the flow is the wrong way around, Gas consumed should flow into the "home".

Describe the bug
Since updating from v0.0.9.5 to v0.0.9.6, the card no longer loads on my old iPad Air running iOS 12.5.7.

This applies to all methods of accessing Home Assistant. The native app, Safari and Google Chrome. No issues on my iPhone running iOS 16.3.1 or any desktop platforms.

No other custom cards are impacted, I use mushroom cards extensively throughout, and they load without issue.

I've tried:

• Clearing browser cache (Safari) and frontend cache (app).
• Reinstalling app completely.
• Restarting iPad.
• Restarting Home Assistant server.

To Reproduce
Steps to reproduce the behaviour:

1. Go to dashboard containing power-flow-card-plus card.
2. See error "Custom element doesn't exist: power-flow-card-plus" where card should be.

Expected behavior
The card should load and display the power flow UI.

Screenshots

Smartphone (please complete the following information):

• Device: iPad Air (1st gen)
• OS: iOS 12.5.7
• Browser: Safari, Chrome, Home Assistant app

Please make sure all of this applies and check the checkboxes, by writing "X" inside of them.

• I understand that this is a channel for reporting bugs, not a support forum (If you need help configuring the card, go to: Discussions).

• I have the latest version of the card installed.

• I have cleared my browser cache after installing, updating and configuring the card.

If you require any more info, please let me know. The Home Assistant app logs don't show anything useful. Thanks.

Describe the bug
The unit of measurement for the power to car is set to Kw. However, it shows in W on the card. see image

To Reproduce
set unit of measurement for power to car to Kw
include power_to_car to power-flow-card-plus. This looks like:

  individual1:
    entity: sensor.vw_id_4_charge_power
    icon: mdi:car-electric
    color: '#80b8ff'
    name: VW ID.4

Expected behavior
Expected that same unit_of_measurement is used in card as set on entity. see image

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Please make sure all of this applies and check the checkboxes, by writing "X" inside of them.

• I understand that this is a channel for reporting bugs, not a support forum (If you need help configuring the card, go to: Discussions).

• I have the latest version of the card installed.

• I have cleared my browser cache after installing, updating and configuring the card.

Hi,
I tried to implement it myself but my coding skills suck.
It would be very handy to have the possibility to use the Zero tolerance feature also for grid sensors, as with grid-tied inverters, there is always a bit of a push and pull between the grid and the home to keep voltages in sync, but it's annoying to see those 5-10 watts pushed back and forth.
I think it would be much more pleasant to just have the choice to not display the grid energy below a certain threshold.

At the moment I guess the watts value displayed inside the Home bubble is calculated automatically.

I would like the ability to display the value from the home entity you can optionally define.

Why? Well, there are losses with the inverter and battery in converting back and forth and currently these are effectively accounted for under the Home display.

The value I get for home is around 100W higher than what I am actually using, where as the value I define in the entity is my true house consumption. Yes, with this change if you looked at the dashboard and added the values together they would not match but I would rather see the true consumption of my house (so I can alert if its higher than expected etc).

Thanks!

I was thinking it'd be nice to be able to include secondary info on the grid bubble (in my case, the current price of electricity).

Is there something specific about individual devices that makes secondary information more viable, or could this safely be extended across all of the configurations?

H, I absolutely love the adaptations you've made to the power flow card, it really is brilliant thank you.
I think I might have discovered a couple of bugs:

Incorrect example config?
Your example config shows entities in list format:

  grid:
    production:
      - sensor.grid_out_power
    consumption:
      - sensor.grid_in_power
  solar:
    - sensor.solar_power
  battery_charge:
    - sensor.battery_state_of_charge
  battery:
    production:
      - sensor.battery_in_power
    consumption:
      - sensor.battery_out_power

But, I can only get the card to work in the old-style format:

  grid:
    production: sensor.grid_out_power
    consumption: sensor.grid_in_power
  solar: sensor.solar_power
  battery_charge: sensor.battery_state_of_charge
  battery:
    production: sensor.battery_in_power
    consumption: sensor.battery_out_power

Is that just a typo in the readme that needs correcting or did you intend to use a newer list-style configuration and it's a bug?

Clickable Entities not Clickable
The Solar and Home bubbles don't open more-info dialogs when clicked for me. All of the other bubbles work fine, but I can't get solar and home to work. I've tried multiple different entities and browsers, is that a known bug?

Even with those issues, this is my new favourite power flow card :)

Very nice card, thanks you!
I recognnized below possible improvments:

• "secondary_info" below "home" is not showing with the set "kw_decimals: 2" but rounded.
• Carbon emission is different compared standard energy card, why?

Great card thanks you.
Would it be a good idea to have the net value of the household usage shown as well as the total, when using with a Car Charger for example ?
for example if the total household power draw is 2KW but 1.5 KW is going to charge the car, it could show 0.5 being used by the house?

Really love this card!

But there's one thing that would make it even better, I have an Enphase solar system which offers per-panel solar production figures. Now I understand that having 20 different entities is not feasable, but it would be nice to have one grouped entity per side of the roof. (In my case that would be East, South, West).

Would something like that be feasible?

Thanks!

My inverter supplies one value for charge/discharge rate of the battery for Amperes and again one value in Watt, so there is no charge or discharge value other than the fact that a positive number charges the battery and a negative number discharges the battery.

If possible, could a combined entry be used that automatically based on positive or negative values displays charge or discharge rate/value?

I'm being a bit daft today and can't think of alternatives, but part of the problem is that I'm still learning about Home Assistant and there may be a way to generate the separate charge and discharge entities in Home Assistant, just I am not aware how to, assuming it is possible.

Hi,

Thanks for this card, very nice....
Can you add the option to add "gas" consumption ? (or if already possible can you tell me how)
Should look the same as with the normal energy card

Thanks so much for adding the secondary_info option on all bubbles in the latest beta. This is very useful, but I note that irrespective of the data type of the entity being displayed, it rounds values to the nearest whole number. This behaviour is not in line with the other existing primary entities which round to one decimal place. Would be really useful if you could bring the secondary_info entities in line with the primaries and support decimals. Thanks

I have the battery code set as the following..

`
type: custom:power-flow-card-plus
entities:
grid:
entity:
consumption: sensor.solax_grid_import
production: sensor.solax_grid_export
solar:
entity: sensor.solax_pv_power_total
battery:
entity:
consumption: sensor.solax_battery_power_charge
production: sensor.solax_battery_power_charge
state_of_charge: sensor.solax_battery_capacity

`

In this example battery consumption: sensor.solax_battery_power_charge and battery production: sensor.solax_battery_power_charge are the same value.

My Solax battery does not show the real time in/out the sensor just shows realtime usage which at the time can be + or -

So if i use the above code for the batts it screws with the flow of the balls & maths.

Hi, great item for my dash. I was after something like this to show individual devices.

My issue - I have set up for a current live and a day so far view. The live works as expected.
Day so far, the individual items show 0 instead of the correct entity value (in this case Immersion is at 5.9kw . If I click on the item it goes to the usual graph with the value shown. Suggest the entity is right?

This is when I click on Immersion on bottom chart:

Code I have for this bottom chart is:

type: custom:power-flow-card-plus
entities:
  grid:
    entity:
      consumption: sensor.solax_today_s_import_energy
      production: sensor.solax_today_s_export_energy
  solar:
    entity: sensor.solax_today_s_solar_energy
  battery:
    entity:
      consumption: sensor.solax_battery_output_energy_today
      production: sensor.solax_battery_input_energy_today
    state_of_charge: sensor.solax_battery_capacity
  individual1:
    entity: sensor.immersion_water_today
    icon: mdi:water-thermometer
    color: '#80b8ff'
    name: Immersion
    color_icon: true
    display_zero: true
  individual2:
    entity: sensor.ev_charger_today
    name: EV
    color_icon: true
    display_zero: true
    color: '#ff8080'
    icon: mdi:car-electric
clickable_entities: true

PS - If I change the entity to one of the working ones (Solar total) it also remains a 0 again suggesting my sensor is ok etc.
PPS - As the true value is 5 there is also a 'blob' flowing from the home to the Immersion. Seems to be just the value displayed not working.

There would still be room for an emergency power generator on the bottom left.
Could this still be implemented to display an emergency power generator flow.
The flow should then go to the grid. The unit would then be the power that the generator delivers.

Combined entities when a flow is positive/negative are not treated as inward/outward flows on flow-card respectively.

Negative flow on grid should show feed in from either battery or solar but it shows as an outward flow of negative number. the same occurs for battery. (see pic)

Config being used for combined entities for power on Fronius Smartmeter and Telsla Powerwall.

title: Power Flow
entities:
  grid:
    entity:
      consumption: sensor.solarnet_power_grid
  solar:
    entity: sensor.solarnet_power_photovoltaics
  battery:
    entity:
      consumption: sensor.powerwall_battery_now
    state_of_charge: sensor.powerwall_charge

Like many others probably, I've added my electric car as one of the individual entries. It would be great if I could add a second entity for the current battery level. The percentage could be shown above the icon, just like for solar batteries.

Thank you, great card
I've added my eddi using individual1 and would like to use secondary_info to display the eddi's status.
I've installed the latest update which allows secondary information for all circles.
Would it be possible to allow text as well as numbers?

The stae for the eddi status can be things like "Stopped", "Diverting", "Paused", etc

Discussed in #117

@andrewmooreio Feel free to continue this discussion here

This card is providing what was missing in power-flow-card: individual additional items

It would be great to be able to define more than 2 individual items and also be able to define more than 1 solar device for production.

Describe the bug
Configuring more than two individual power entities is resulting in individual3 etc. pp not being shown.

To Reproduce

1. Install Card
2. configure more than two individual power entities

Expected behavior
more than two individual power entities should be displayed

Screenshots

Please make sure all of this applies and check the checkboxes, by writing "X" inside of them.

• I understand that this is a channel for reporting bugs, not a support forum (If you need help configuring the card, go to: Discussions).

• I have the latest version of the card installed.

• I have cleared my browser cache after installing, updating and configuring the card.

I did not find any hint in the documentation that it should not be possible to use/configure more than two individual power entities, but maybe this is limited in source. would ne nice to allow more than two or explicit say that no more than two is possible in documentation

i would agree that this may "look" stupid if there are too many power sources, but using "huge" contributors to power usage like heatpumps, wallboxes and washing maschines, etc. pp. would be nice to visualize.

Since the latest version of the card the unit of measure (W/kW) is written right after the value (e.g. 10W / 20kW). Me nitpicking again, this is "wrong". There is "supposed to be" a space between the number and the unit (10 W / 20 kW / 30 kWh).

The space/blank was removed here: 42e609d

We should either change the code back to always use a space between the two, or give the user an option to choose.

No blank/space gives more room, but it always kind of looks wrong to my eye.

What do you think?

It'll be nice if the font colour can be changed.

My solar and home text are white while the grid is coloured.

Example with card-mod:

I'm offgrid with this system, so I need a DC-DC input please! A generator input is a good idea also. Maybe a built-in trigger system for house batteries being low, generator triggers on, etc.

At the moment it takes the current maximum and minimum currents. I think if we had the ability to set our own max and minimum values (either instead of or in addition to the real ones) we'd get a more realistic animation.

Eg, If I set my maximum to 5kw, then even if the total system is only seeing 300W the animation would be slow, because we have the hardcoded maximum. Also, hardcoding 0W to minimum would mean that everything should animate consistently relative to that range.

If that was acceptable behaviour, I could see the value of 0 being used instead of the calculated minimum and a config-driven value for maximum working quite well.

Describe the bug
I am trying to use subtract_individual: true in the home section as per documentation, but it is not working.

To Reproduce
Install Card and use the option

Expected behavior
all configured individual entity would be subtracted as expected

Screenshots
Side-by-side view:

Desktop (please complete the following information):

• OS: macOS
• Browser Chrome, Firefox
• latest

Additional context
It may also an issue that not all configured "individuals" are shown in the card view, although configured and display_zero: true set

** Config **

type: custom:power-flow-card-plus
entities:
  home:
    entity: sensor.home_consumption
    color_icon: solar
    subtract_individual: true
  fossil_fuel_percentage:
    entity: sensor.co2_signal_grid_fossil_fuel_percentage
    icon: mdi:pine-tree
    color_icon: true
    display_zero: true
    name: Non Fossil
    state_type: power
  grid:
    icon: mdi:transmission-tower
    color_icon: true
    display_zero: true
    entity:
      production: sensor.stromexport_leistung
      consumption: sensor.strombezug_leistung
  solar:
    icon: mdi:solar-panel-large
    entity: sensor.tripower_dc_leistung_gesamt
  battery:
    icon: mdi:home-battery-outline
    color_icon: true
    display_zero: true
    entity:
      consumption: sensor.batterieladung
      production: sensor.batterieentladung
    state_of_charge: sensor.batterieladezustand
  individual1:
    entity: sensor.openwb_cp1_ladeleistung
    icon: mdi:car-electric
    color: '#80b8ff'
    name: ID3
    color_icon: true
    display_zero: true
    secondary_info:
      entity: sensor.id_3_pro_state_of_charge
      unit_of_measurement: '%'
  individual2:
    entity: sensor.nous_sd1_trockner_active_power
    icon: mdi:tumble-dryer
    color: '#80b8ff'
    name: Trocker
    color_icon: true
    display_zero: true
  individual3:
    entity: sensor.nous_sd2_waschmaschiene_active_power
    icon: mdi:washing-machine
    color: '#80b8ff'
    name: WaMa
    color_icon: true
    display_zero: true
  individual4:
    entity: sensor.nous_sd3_spulmaschine_active_power
    icon: mdi:dishwasher
    color: '#80b8ff'
    name: Spüli
    color_icon: true
    display_zero: true
  individual5:
    entity: sensor.nous_sd4_rack_active_power
    icon: mdi:server-network
    color: '#80b8ff'
    name: Rack
    color_icon: true
    display_zero: true
w_decimals: 0
kw_decimals: 2
min_flow_rate: 0.9
max_flow_rate: 6
watt_threshold: 10000
clickable_entities: true
title: Energieübersicht

Please make sure all of this applies and check the checkboxes, by writing "X" inside of them.

• I understand that this is a channel for reporting bugs, not a support forum (If you need help configuring the card, go to: Discussions).

• I have the latest version of the card installed.

• I have cleared my browser cache after installing, updating and configuring the card.

Awesome card, this is the one i was looking form hopefully this can be sorted out and will be may new "home" screen for HA! Thanks!

Is your feature request related to a problem? Please describe.
I would like to have the possibility to add a secondary information to the "CO2 Sensor"
The secondary info should be (in this case) the co2-sensor percentage value, like it can be done for the electric vehicle or battery (State of Charge)

Describe the solution you'd like
yaml code could look like this one:

  fossil_fuel_percentage:
    entity: sensor.co2_signal_grid_fossil_fuel_percentage
    icon: mdi:leaf
    color_icon: true
    display_zero: true
    name: Non Fossil
    state_type: power
    secondary_info:
      entity: sensor.co2_signal_grid_fossil_fuel_percentage
      unit_of_measurement: '%'
      state_type: percentage

Describe alternatives you've considered

Additional context

Feature request.

Height adjustment of card to allow for easy layout in kiosk mode tablet displays?

Great work, thank you

Richard

Describe the bug
I set override_state: true for home config. It still shows the grid consumption total and not the value of the entity I set.

To Reproduce
I will just paste my yaml below:

title: Power Flow Card
type: custom:power-flow-card-plus
entities:
  grid:
    entity:
      consumption: sensor.victron_shore_power_input
    display_state: one_way
    color_circle: true
    icon: mdi:power-plug
    name: Shore Power
  battery:
    entity: sensor.eg4_ll_battery_load_watts
    state_of_charge: sensor.eg4_ll_battery_percent
    display_state: one_way
    color_circle: true
  home:
    color_icon: true
    name: Camper
    icon: mdi:rv-truck
    override_state: true
    entity: sensor.victron_ac_loads
    secondary_info:
      entity: sensor.victron_ac_loads
  individual1:
    entity: sensor.fridge_plug_instantaneous_demand
    icon: mdi:fridge
    color: '#80b8ff'
    name: Fridge AC
    color_icon: false
    display_zero: true
  individual2:
    entity: sensor.starlink_power_plug_instantaneous_demand
    icon: mdi:satellite-uplink
    color: '#80b8ff'
    name: Starlink
    color_icon: false
    display_zero: true
watt_threshold: 10000
clickable_entities: true
use_new_flow_rate_model: true

Expected behavior
I expected the home to display the value of the sensor.victron_ac_loads sensor. You can see in the screenshot below it correctly displays it for secondary info, but not the main entity.

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: Galaxy S21 Ultra
• OS: Android
• Browser companion app
• Version [e.g. 22]

Additional context
Also looked in a new browser session and issue persists.

Please make sure all of this applies and check the checkboxes, by writing "X" inside of them.

• [x ] I understand that this is a channel for reporting bugs, not a support forum (If you need help configuring the card, go to: Discussions).

• [ x] I have the latest version of the card installed.

• [ x] I have cleared my browser cache after installing, updating and configuring the card.

Hi,

your latest code (not the released JS file) seems to produce unit_of_measurement text where the first letter is in upper case, I believe. Only for secondary_info. Or maybe I did something wrong.

Didn't have much time and wasn't able to find the problem right away, so maybe you have an idea?

This is probably related to #24 in some way.

Here's my config

title: Energia a temps real
type: custom:power-flow-card-plus
entities:
  grid:
    entity: sensor.power_meter_active_power
  solar:
    entity: sensor.inverter_active_power
  individual1:
    entity: sensor.regleta_tl_power
    name: Ordinador
    icon: mdi:monitor
    color: '#ff0000'
    display_zero: true
  fossil_fuel_percentage:
    entity: sensor.co2_signal_grid_fossil_fuel_percentage
    color_icon: true
    display_zero: true
    state_type: power
inverted_entities: grid
w_decimals: 0
kw_decimals: 2
clickable_entities: true
watt_threshold: 10000

And it looks like this:

I would expect the home node to be part yellow, part blue, and part green, with more green than blue, just like with the energy panel card, but there's no green to be seen.

Since there is green in the example card in the readme, I guess this is a bug.

First of all. I love this card.

It would be very helpful if the name and the icon can be defined via an entity or entity-attribute.

Example:

individual1:
  entity: sensor.load_1_usage_w
  icon: sensor.load_1_icon
  name: sensor.load_1_name
  display_zero: false

When an individual power consumption sensor is not available (like a pool heater disconnected during winter) and using the option to substract individual appliances power consumption from home consumption, it breaks the calculation and the home consumption is also displayed as NaN. I'd suggest to replace missing numbers with zeroes in such a case so as to not break the calculation.

Steps to reproduce the behavior:
And individual consumption entity, disconnect the entity, enable subtraction from home consumption.

Expected behavior
Missing consumption should be treated as zero.

Screenshots

(using version 0.1beta)

• I understand that this is a channel for reporting bugs, not a support forum (If you need help configuring the card, go to: Discussions).

• I have the latest version of the card installed.

• I have cleared my browser cache after installing, updating and configuring the card.

I must say I like the card very much, it has a lot of potential but still lacks some polishing. I can't program in phyton css or java so I'm sorry I can directly be of help, but I'd like to try to point out what I'd like to see implemented and how, hoping someone will pick this up.
First of all the secondary info seems to work a little hit and miss for me: numeric values are OK, non numeric sensor... It depends, I think maybe some bubbles can elaborate string sensors, other can't. The templating solution I saw in some PR will fix this, so I'll wait.
Second: at the moment I'm using another similar card for power flow https://github.com/reptilex/tesla-style-solar-power-card, and I'd like to point out what I like in that card that isn't in this one:

• the flow speed in the other card is perfect and auto fit itself, no need to configure anything and it just works: I'd take a look at the code and try to replicate. In this car it's still buggy: the dots move at different speeds even between bubbles I just cant' find a way to make it look right for low power or high power;
• it has an option to make unused lines disappear: it's much more clear for a power card (the original card is for energy so it makes sense that all the lines are there all the time, here's a comparison of the 2 cards, to me is so much clearer what's going on in the second image:
  

Is your feature request related to a problem? Please describe.
I'd like to be able to display the connected status of my EV on the line leading to the individual1 / individual2 circles.

Describe the solution you'd like
This could be shown with a disconnected line or perhaps a configurable mdi icon (eg mdi:power-plug-off) on top of the line beneath the circle.

Describe alternatives you've considered
You could set display_zero to false but then we can't see the EV state of charge which I'm sure most have set as the secondary_info entity.

Additional context
If I get time I'll try and do this myself and submit a pull request, I'm new to HASS though so will need to figure out how I get started with development.

Thanks for all your hard work so far! :)

Describe the bug
display_state one_way not working

To Reproduce
This is my current configuration:

type: custom:power-flow-card-plus
entities:
  grid:
    entity:
      consumption: sensor.hem5_from_grid
      production: sensor.hem5_to_grid
      display_state: one_way
      color_circle: true
  solar:
    entity: sensor.nep_power
kw_decimals: 0
w_decimals: 0
watt_threshold: 1000

Expected behavior
When I am injecting to the grid I would expect the "0" consumption to hide

Screenshots

Desktop (please complete the following information):

• OS: MacOS
• Browser Chrome

Additional context
Add any other context about the problem here.

Please make sure all of this applies and check the checkboxes, by writing "X" inside of them.

• I understand that this is a channel for reporting bugs, not a support forum (If you need help configuring the card, go to: Discussions).

• I have the latest version of the card installed.

• I have cleared my browser cache after installing, updating and configuring the card.

From a UI/UX perspective would having a fill (20% opacity) option on the circles be a bad idea?

Battery loading is displayed in W, even if watt_threshold is set to 0. All other entries are fine and follow the directive
See attached picture.

Is your feature request related to a problem? Please describe.
I have a sprawl of DBs daisy-chained across my property, and would like to have that chain represented.

Describe the solution you'd like
I envision the individual power monitoring points in each DBs' configurations being nested under their parent, e.g.

individual1:
    entity: sensor.cottage
    icon: mdi:home
    color: '#80b8ff'
    name: Cottage
    color_icon: false
    subs:
      individual1:
      entity: sensor.koi_pond
      icon: mdi:fish
      color: '#80b8ff'
      name: Koi Pond
      color_icon: false
    individual2:
      entity: sensor.electric_fence
      name: Electric Fence
      color_icon: true
      display_zero: true
      color: '#ff8080'
      icon: mdi:motorbike-electric
  individual2:
    entity: sensor.motorbike_power
    name: Qivi
    color_icon: true
    display_zero: true
    color: '#ff8080'
    icon: mdi:motorbike-electric

Describe alternatives you've considered
I suppose an alternative would be to publish multiple cards.

Additional context
N/A

Would it be possible to include an action to hide the lines between circles that are not currently active please?

Hi,
I am currently playing arround with some of the options of the power-flow-card plus... and testing the CO2 signal information...

  fossil_fuel_percentage:
    entity: sensor.co2_signal_grid_fossil_fuel_percentage
    icon: mdi:leaf
    color_icon: true
    display_zero: true
    name: Non Fossil
    state_type: percentage

In this case, I've set the state_type to percentage... which gives me a value of 62%

How does the calculation work?
CO2 signal provides 38% "total" ...
and if I switch to state_type: power, the card is showing 0W - since I do have solar export...

No matter what I put in the config, all it shows is... nothing. An invisible card, just an empty card, even when using the same confg that worked for power-glow-card and for this fork before the name change.

When setting state_type: percentage for fossil_fuel_percentage, the percentage value is still visible from when there was actual import from the grid.
This feels wrong, not really sure what value should be displayed when exporting to the grid, feels like I would prefer no value in that case...

I have some devices, such as my washing machine, displayed as an individual appliance. It's idle draw is around 1W.
It'd be useful to hide this appliance when it's not in use. Can we add a display_zero_tolerance style as a companion option to those that also have a display_zero argument?

An alternate implementation might have the display_zero option support both boolean and integer values. In integer mode, the appliance would be hidden if the current draw is lower than the number specified (presumably in W).

For individual1 the icon is used
For individual2 not.

I use the same entity (only for test)

Power-Flow-Card-Plus

Power-Flow-Card-Plus configuration

Entity Values:

Just a small one, on the original circles the MDI have a 2px padding to the bottom of them, which helps push the text down. The additional circles are set at 0px.

Describe the bug
The top individual device flow is showing correctly on computer browser but not in the iOS app.

To Reproduce
Steps to reproduce the behavior:

1. Add individual device
2. Check in iOS app

Expected behavior
Animation on iOS app should be the same as it is on computer browser

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Edge
• Version: latest

Smartphone (please complete the following information):

• Device: iPhone 13
• OS: iOS 16.4.1
• Browser: Home Assistant App
• Version: 2023.4

Additional context
N/A

Please make sure all of this applies and check the checkboxes, by writing "X" inside of them.

• I understand that this is a channel for reporting bugs, not a support forum (If you need help configuring the card, go to: Discussions).

• I have the latest version of the card installed.

• I have cleared my browser cache after installing, updating and configuring the card.