Energy flow
235 · Grid-parallel operation0kWSolar
0kWGrid
Tripower SE307 · Ok
0kWHouse
0kWBattery
07:25
SMA STP · BYD HVS 7.7 kWh · Wednesday, 21 October
Energy flow, battery and inverter at a glance.
| Widget | Datapoint | Note |
|---|---|---|
| Wallbox Carport | mywallbox.0.597213 | Pulsar Plus “Carport PulsarPlus”: charging.charging_power, info.status, control.locked, charging.maxChgCurrent |
| Wallbox Garage | mywallbox.0.840021 | Pulsar Plus “Garage PulsarPlus”; adapter mywallbox.0 is disabled, last data Feb 2024 |
| PV power | modbus.0.inputRegisters.3.30775_… | AC active power, check name in object tree |
| Grid frequency | modbus.0.inputRegisters.3.31447_Netzfrequenz | changes constantly, works as a heartbeat |
| Inverter | SMA Sunny Tripower Smart Energy | Hybrid, Modbus modbus.0 |
| Status | …3.30201_… | 35 Error · 303 Off · 307 Ok · 455 Warning |
| Grid connection | …3.30881_… | 1779 disconnected · 1780 public grid · 1781 off-grid |
| Operating status | …3.33003_… | 235 Grid-parallel · 1463 Backup · 2119 Curtailment |
| Battery | bydhvs.0.State.Power, State.TempMax | Check SOC name in object tree |
| BMS error | bydhvs.0.System.ErrorNum | 0 = ok |
| Cell monitor | bydhvs.0.CellDetails.CellVolt001–096 | 1–32 = Module 1 (top), 65–96 = Module 3 |
| Daily profile, Skyline | InfluxDB 192.168.0.76:8086 | Flux, measurement = state ID |
Same project CSS as in the Home view. The energy flow is a canvas script; for VIS, a simple SVG line with the class gh-flow.
/* Energy flow line (SVG in HTML widget) */ .gh-flow{ stroke-dasharray:2 14; stroke-linecap:round; animation:gh-flow 1.2s linear infinite; } /* Reverse direction, e.g. grid import instead of feed-in */ .gh-flow.rev{animation-direction:reverse} @keyframes gh-flow{to{stroke-dashoffset:-16}} /* Battery as liquid: set --soc via binding */ .gh-liquid{position:relative;overflow:hidden;border-radius:30px} .gh-liquid::before{ content:"";position:absolute;left:50%; width:420px;height:420px;margin-left:-210px; top:calc(100% - var(--soc,50) * 1% - 8px); border-radius:42%;background:#3a8452; animation:gh-wave 9s linear infinite; } @keyframes gh-wave{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){ .gh-flow,.gh-liquid::before{animation:none!important} }
Charge level as a variable, e.g. in the Style field: --soc:{bydhvs.0.State.SOC}