Skip to content

1.0.0

Choose a tag to compare

@mutilator mutilator released this 02 Mar 01:19

Solar Panel Grid Lovelace Card

A custom Home Assistant Lovelace card for displaying solar panels in an interactive grid layout with real-time production data visualization. This is especially useful for users with microinverters so you can monitor every panel individually.

Features

  • Grid Layout: Display multiple solar panels in a flexible grid (1400×1400px workspace)
  • Drag & Drop: Move panels freely around the canvas with smooth snapping
  • Snap-to-Grid: Panels snap to a configurable grid for neat alignment
  • Live Data: Real-time display of current production values from sensor entities
  • Entity Identification: Last 4 characters of entity ID displayed at bottom-right of each panel for quick identification
  • Color Visualization: Background color gradient indicates production level
    • Black (0%) → Dark Blue (Hue 240°) → Light Blue (Hue 180°) at 100%
    • Automatically scales based on unit type (kWh for daily energy, W for instantaneous power)
  • Full-Width Canvas: Automatically expands card to viewport width for maximum workspace
  • Collapsible Panel UI: Configuration panel headers collapse/expand to manage 30+ panels efficiently
  • Configuration UI: Drag-and-drop editor with schema-driven grid settings and panel-level configurations