device-pulse-timeline-card

KO | EN

gitlite — search

#python #ai #javascript #llm #golang #api #python3 #fortnite #mysql #vue #vector-database #streamlit

device-pulse-timeline-card

★ 73 Open GitHub ↗

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.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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

<!--
### HACS (Recommended)

1. Add the custom repository `REPO` to HACS.
2. Search for **Device Pulse Timeline Card** and install it.
3. Add the card to your Lovelace dashboard.
-->

### 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.

device-pulse-timeline-card

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README