Heat Pump Flow Card - Animated System Visualization
I’d like to share a custom Lovelace card I’ve been working on for visualizing heat pump systems in Home Assistant.
Heat Pump Flow Card provides real-time animated visualization of your heat pump system with flowing water, temperature-based color gradients, and dynamic system metrics.
Key Features:
Animated water flow - Dots move along pipes at speeds based on actual flow rates- Temperature-based colors - Pipes change from blue (cold) to red (hot) based on real temperatures
Rotating fan - Spins based on actual fan speed (0-100%)
Dual tank support - Buffer tank and DHW tank with gradient temperature visualization
Auxiliary heater - Inline electric heater with dynamic glow animations
Diverter valve - Visual indicator showing DHW heating flow direction
Real-time metrics - COP, thermal power, energy consumption, costs, and runtime
Custom sensors - Add your own metrics in a configurable grid layout
Fair Warning:
This card was designed around my personal heat pump configuration, which is more complex than typical installations (buffer tank, DHW tank, multiple zones, auxiliary heater, etc.). Configuration may require some thinking and experimentation to adapt it to your specific setup. The documentation is comprehensive, but you’ll likely need to map your sensors carefully to your system.
Installation:
Available via HACS - search for “Heat Pump Flow Card”, or install manually from the repository.
Looking for Feedback:
I’d really appreciate feedback, especially from folks with different heat pump configurations! What works? What doesn’t? What features would make it more useful for your setup?
Repository: GitHub - jasipsw/heat-pump-flow-card: A heat pump lovelace card
Thanks for taking a look!