1.3.1

New

• Added zoom & pan to live card

Dev notes

• Separated html and css into template files combined at build time

1.3.0

[1.3.0] - 2026-04-24

Added

• Historical Date/Time Playback — Added a date picker and 24-hour time slider so the card can show panel values at a selected point in time.
• History Snapshot Fetching — The card now queries Home Assistant history for all configured power/energy entities and renders panel states for the selected timestamp.
• Save View State - Allow persisting of W/kWh selection via a configurable toggle in the panel, default is off - Thanks @cb12tre

1.2.2

Added

• Responsive Canvas Scaling — The card now automatically scales down to fit the available width (e.g. on mobile or narrow dashboard columns) using a ResizeObserver. Dragging remains accurate at any scale. Thank you @cb12tre

1.2.1

Added

• Fixed Canvas Dimensions — Optional canvas_width and canvas_height settings lock the canvas to exact pixel dimensions in both editor and dashboard views. Useful for aligning panels precisely over a background image.

Changed

• Upright Labels — Panel value and name labels now counter-rotate to stay upright regardless of per-panel rotation and canvas rotation.
• Background Image Anchoring — Background images are now rendered at their natural pixel size, anchored to the top-left corner, instead of being stretched to fill the canvas. This keeps panel coordinates consistent between editor and dashboard views.

1.2.0

Added

• Power / Energy Toggle — Configure both a power entity (entity) and an energy entity (entity_energy) per panel. A slide toggle in the top-right corner of the card switches the entire view between W and kWh readings.
• Per-Panel Rotation — Each panel can now be individually rotated (-180° to 180°) to match its physical orientation on your roof. Configurable via a slider in the visual editor.
• Canvas Rotation — Rotate the entire panel grid (-180° to 180°) with a single setting, useful when your array is installed at an angle relative to north.
• Background Image — Set an overhead/satellite image as the card background. Adjustable opacity lets you keep panels readable while showing roof layout.
• Card Picker Registration — The card now appears in Home Assistant's "Add Card" dialog, making it easier to discover and add to dashboards.

Changed

• Auto-Sizing Canvas — The card container now dynamically sizes to fit the placed panels with minimal padding, eliminating unnecessary scrollbars in dashboard view. The editor preview retains a large workspace for easy panel placement.
• Rotation Slider — The per-panel rotation field in the editor is now a styled range slider (step 5°) instead of a plain text input, matching the canvas rotation control.

1.1.1

Added

• Clickable Panels: Click the panels to show the entity details
• Custom Name: You can add a custom identifier to each panel, defaults to last 4 characters of sensor entity

Fixes

• Lit issue: When going into edit mode an error displayed in the dev console. This was caused by removing and readding panels for edit mode.
• Issue with loading in HACS

Changes

• No more magic: Moved some numbers to constants defined at the top of the code
• Removed Debugs: Removed debug statements left in during panel drag development

1.0.1

Fixes

• Added .js file extension to dist

1.0.0

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