you can make it with custom button card, make animated line in svg and add as custom_field, in animated svg make variable for animation speed according to power usage
v6.1.0
What’s Changed
Exciting New Features
This release adds an option to display a second battery on the lite, compact and full cards styles when using the wide view.
- feat: add an option to display a 2nd battery on all the card styles when using the wide view closes #493 . Also addresses #380 #374 #296 #285 #232 #203 #135
- feat: update visual editor
- docs: update documentation with 2nd battery attributes and entities
- docs: add entity categories
Other Changes
- Add a second battery by @slipx06 in Add a second battery by slipx06 · Pull Request #561 · slipx06/sunsynk-power-flow-card · GitHub
Full Changelog: Comparing v6.0.0...v6.1.0 · slipx06/sunsynk-power-flow-card · GitHub
1 Like
You will need to render an SVG element. See example below
<svg id="pv3-flow">
<path id="line" d="M 113 84 L 113 125 Q 113 132 120 132 L 205 132.03"
fill="none" stroke="blue" stroke-width="2"
stroke-miterlimit="10"
pointer-events="stroke"/>
<circle id="pv3-dot" cx="0" cy="0"
r="3"
fill="blue}">
<animateMotion dur="5s" repeatCount="indefinite"
keyPoints="0;1"
keyTimes="0;1" calcMode="linear">
<mpath xlink:href="#line"/>
</animateMotion>
</circle>
</svg>
Why my load power is shown as Grid minus Panels power?
I have Deye 3-phase inverter with all load connected before inverter - essential output not used.
I can not figure out right configuration
You either need to switch to the full card that lets you display non essential power and then set your essential_power attribute to essential_power: '0' or if you want to keep the lite card and display your non essential load then you need to provide a sensor that measures the load for the essential_power i.e. essential_power: sensor.for_nonessential_load
Thank you, last recommendation did the trick. 
1 Like