Power Flux Card

The ⚡ Power Flux Card is an advanced, animated energy flow card for Home Assistant. It visualizes the power distribution between Solar, Grid, Battery, and Consumers with beautiful neon effects and diffrent animations.

If you like the Card, I would appreciate a Star rating ⭐ from you. 🤗

✨ Features

• Real-time Animation: Visualizes energy flow with moving particles.
• Multiple Sources & Consumers: Supports Solar, Grid, Battery, and up to 3 additional consumers (e.g., EV, Heater, Pool).
• Compact View: A minimalist bar chart view (inspired by evcc).
• Customizable Appearance:
  • Neon Glow: Glowing effects for active power lines.
  • Donut Chart: Optional donut chart around the house icon showing energy mix.
  • Comet Tail / Dashed Lines: Choose your preferred animation style.
  • Zoom: Adjustable scale to fit your dashboard.
  • Custom Colors: Define custom colors for each source and consumer via the editor.
  • Background Color: Enable a slightly tinted background for the circles in the default view.
• More Info: Click on any source/consumer for detailed information in a more-info dialog.
• Grid Import/Export: Supports both separate Import/Export entities or a combined entity with positive/negative values.
• Grid-to-Battery: Optional direct sensor for Grid-to-Battery flow, bypassing the standard calculation.
• Secondary Sensors: Optionally display a secondary sensor value in the main circles (e.g., daily yield for Solar, current charge/discharge power for Battery) and consumer bubbles.
• Localization: Fully translated in English and German.
• Visual Editor: easy configuration via the Home Assistant UI.

---

🚀 Installation

HACS (Recommended)

• Add this repository via the link in Home Assistant.

  

• The "Power Flux Card" should now be available in HACS. Click on "INSTALL".

• The resource will be automatically added to your Lovelace configuration.

• Create the file power-flux-card.js in the /config/www/ folder.

HACS (manual)

1. Ensure HACS is installed.
2. Add this repository as a custom repository in HACS.
3. Search for "Power Flux Card" and install it.
4. Reload resources if prompted.

Manual Installation

1. Download power-flux-card.js from the Releases page.
2. Upload it to www/community/power-flux-card/ folder in Home Assistant.
3. Add the resource in your Dashboard configuration:
   • URL: /local/community/power-flux-card/power-flux-card.js
   • Type: JavaScript Module

---

⚙️ Configuration

You can configure the card directly via the visual editor in Home Assistant.

Main Entities:

• Solar: Power generation (W).
• Grid: Grid power (W). Positive = Import, Negative = Export (or separate entities).
• Battery: Battery power (W) and State of Charge (%).

Additional Consumers:

• You can add up to 3 individual consumers (e.g., Car, Heater, Pool) with custom icons and labels.

Options:

• Zoom: Adjust the size of the card.
• Neon Glow: Enable/disable the glowing effect.
• Donut Chart: Show the energy mix as a ring around the house.
• Comet Tail / Dashed Line: Change the flow animation style.
• Compact View: Switch to the bar chart layout.