🗺️ Track History Card — see where your device trackers have been, day by day

Share your Projects! Dashboards & Frontend
, , ,
1

Hey everyone! :waving_hand:

I'd like to share a custom Lovelace card I've been working on: Track History Card. It takes any device_tracker entity and draws its movement history for a selected day on an interactive map — paths, stops, times and distances, all in one place.

It started as a personal "where was my phone today?" project and grew into something I think others might enjoy too. :slightly_smiling_face:

card.jpg455×825 120 KB

:sparkles: What it does

  • :date: Pick any past day with a date picker (or step day-by-day with ‹ ›) and watch the map refresh automatically — no "Load" button needed.

  • :motorway: Full movement path drawn as a smooth, directional polyline on an OpenStreetMap map (powered by Leaflet).

  • :round_pushpin: Smart stop detection — nearby points are grouped into stop clusters (with a configurable radius), showing how long you stayed and how many times you visited. Start (green) and End (red) markers mark the day's endpoints.

  • :compass: Direction arrows along the path so you can tell which way you were heading.

  • :house: Home Assistant zones — if a stop falls inside one of your zones, its name is shown right in the timeline and popups.

  • :globe_showing_europe_africa: Optional reverse geocoding (opt-in) — for stops outside any zone, the card can look up a real address (e.g. Calle Mayor 3, Madrid · ES). Results are cached locally and localised to your HA language.

  • :nine_o_clock: Timeline panel listing every stop and the distance travelled between them.

  • :straight_ruler: Summary bar with total points, time range and approximate distance.

  • :artist_palette: Light/Dark theme that follows Home Assistant, plus metric or imperial units.

  • :hammer_and_wrench: Full visual editor — no YAML required to get started.

:package: Installation

Via HACS (recommended)

  1. Open HACS → Frontend

  2. Three-dot menu → Custom repositories

  3. Add https://github.com/sergon2000/lovelace-track-history-card as type Lovelace

  4. Search for Track History Card and install it

  5. Reload your browser

Manual

  1. Download track-history-card.js from the latest release (https://github.com/sergon2000/lovelace-track-history-card/releases)

  2. Copy it to /config/www/community/lovelace-track-history-card/

  3. Add /local/community/lovelace-track-history-card/track-history-card.js as a JavaScript module resource (Settings → Dashboards → Resources)

  4. Reload your browser

:gear: Quick start

Add the card, then either use the visual editor or a minimal config:

type: custom:lovelace-track-history-card
title: "Daily Movements"
entities:
  - device_tracker.my_phone
show_timeline: true

That's it — pick a device, pick a day, and explore. :magnifying_glass_tilted_left:

:white_check_mark: Requirements

  • Home Assistant 2023.0 or newer
  • The Recorder integration enabled (it is by default)
  • At least one device_tracker entity with GPS attributes (latitude / longitude)

:speech_balloon: Feedback welcome!

This is an actively maintained project and I'd love to hear what you think — feature ideas, bug reports, or just screenshots of your own travels. Feel free to reply here or open an issue on GitHub. :star: Stars are always appreciated!

Happy tracking! :automobile::mobile_phone:

2 Likes