Device Pulse Timeline Card

If you want to make donation as appreciation of my work, you can do so via buy me a coffee. Thank you!

README in Progress

This README file is currently a work in progress.
Some sections may be incomplete or subject to change.

Introduction

The Device Pulse Timeline Card is a custom Lovelace card designed to work with the Device Pulse integration.
It provides a clear, visual timeline of connection and disconnection events for each monitored device, offering both horizontal and vertical layouts to fit any dashboard design.

Features

• Visual history of online and offline events per device
• Horizontal or vertical orientation
• Adjustable timeline range
• Realtime Updates

Configuration via Editor

All configuration for the Device Pulse Timeline Card can be done directly through the Lovelace visual editor.
No manual YAML editing is required.

Installation

Manual Installation

1. Download the latest release from https://github.com/studiobts/device-pulse-timeline-card/releases.
2. Copy the device-pulse-timeline-card.js and device-pulse-timeline-card.css file to www/device-pulse-timeline-card folder.
3. Add the following resource in your Lovelace configuration:

url: /local/device-pulse-timeline-card/device-pulse-timeline-card.js
type: module

Usage Notes

• The card requires active Device Pulse integration.
• The card supports automatic updates through the Home Assistant WebSocket connection.