https://github.com/otti/energyflowanimation

Display an animated SVG to visualize the flow of power in your PV system
https://github.com/otti/energyflowanimation

animation battery photovoltaic solar svg svg-animations

Last synced: about 1 month ago
JSON representation

Display an animated SVG to visualize the flow of power in your PV system

• Host: GitHub
• URL: https://github.com/otti/energyflowanimation
• Owner: otti
• Created: 2022-08-27T17:40:20.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-23T18:30:23.000Z (over 1 year ago)
• Last Synced: 2024-01-28T16:47:43.558Z (10 months ago)
• Topics: animation, battery, photovoltaic, solar, svg, svg-animations
• Language: HTML
• Homepage:
• Size: 20.5 KB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Energy flow animation

![text](https://github.com/otti/EnergyFlowAnimation/blob/main/SRC/EnergyFlow.svg)

This is an animated SVG which illustarates the energy flow of your PV system.  

* The direction of the current flow is animated by some moving bubbles

* The bubbles move faster at higher power

# Requirements

* The SVG and the HTML file have to be on the same server. This example will not run on your local PC!

# Functions

- SetBatteryStateOfCharge(value, nominal_energy) 

   - value: In percent. Will set the state of charge text and will animate the battery symbol

   - nominal_energy: Nominal storage capacity of the battery in kWh

- Animation(Power, bubble, invert, MaxPower)

   - Power: Power in Watt will be displayed in the circle

      - Positive values --> Bubble is moving positive

      - Negative values --> Bubble is moving negative

      - 0 --> Bubble is invisible

   - bubble: bubble you want to change (Possible values: "Home", "Solar", "Battery", "Grid")

   - invert: true --> invert the moving direction of the bubble 

   - MaxPower  --> The bubble will move faster with rising power values. The bubble will move with maximum speed if this value will be exceeded