https://github.com/studiobts/device-pulse-timeline-card

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.
https://github.com/studiobts/device-pulse-timeline-card

css home-assistant home-assistant-card javascript network-monitoring ping timeline

Last synced: about 1 month ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/studiobts/device-pulse-timeline-card
• Owner: studiobts
• License: apache-2.0
• Created: 2025-10-30T15:58:14.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2025-12-15T11:38:32.000Z (6 months ago)
• Last Synced: 2025-12-18T12:47:24.521Z (6 months ago)
• Topics: css, home-assistant, home-assistant-card, javascript, network-monitoring, ping, timeline
• Language: JavaScript
• Homepage:
• Size: 150 KB
• Stars: 48
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Device Pulse Timeline Card

[![hacs_badge](https://img.shields.io/badge/HACS-Custom-orange.svg)](https://github.com/hacs/integration)

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](https://github.com/studiobts/home-assistant-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](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:

```yaml

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.