Lovelace: Power Nexus Card (another better power-flowing card)

Hey there!

Please let me introduce my Power-Nexus-Card for Home Assistant!
Why another one? Because I tried different power-flow cards, but none of them gave me the whole possibilites I want. Mostly the graphical details didn't match my ideas. The GUI-Editor should work in english and german.

So here's my one:

Description

Power Nexus Card is a custom Lovelace card for Home Assistant that visualizes energy flows. At its center is a freely definable energy system with a central house node (Nexus), around which any number of energy sources and consumers can be arranged.

  • Entire card content individually zoomable
  • Freely configurable nodes (PV, battery, grid, appliances …)
  • Three size levels (S / M / L) for the nodes
  • Node position and spacing freely adjustable
  • Nodes can be grouped together
  • Freely adjustable flow lines (size, direction)
  • Dynamic visibility (threshold-based) for nodes and flow lines
  • Responsive grid layout for section dashboards
  • Additional "button mode" (visual variety) selectable
  • State of charge displayable as graphic
  • Choice between one combined entity or two separate entities for input and output
  • GUI editor for configuration
  • Current language support: DE & EN

Installation

HACS

  1. HACS → ⋮ Menu → Custom repositories
  2. URL: https://github.com/MankiesWorkshop/power-nexus-card
  3. Type: LovelaceAdd
  4. Find the card in HACS and install

Manual

  1. Copy power-nexus-card.js into your config/www/ directory
  2. Add to your Lovelace resource list:

url: /local/power-nexus-card.js
type: module

Screenshots (Sorry, but as a new user I'm allowed to post only one screenshot)

Power Nexus Card

New Version (v0.3.00) with many new features and Bugfixes (have a look at the github page).

More Screenshots:

Screenshots

GUI-Editor

Normal

Button-Mode

General-Settings

Nexus-Settings

Node-Settings

Animation

Flow-Animation

flow-animation

No-Animation

noflow-animation