Lovelace: Radar Card πŸ“‘

A Lovelace custom card to plot device_tracker entities on a radar chart

TL;DR: Visualize your devices on a radar-style chart in Lovelace, with auto-scaling, legends, and lots of customization.

:point_right: HACS link | GitHub repo


:rocket: What is it?

The Radar Card lets you plot multiple device_tracker entities on a polar chart, with flexible configuration and a clean, interactive design.


:sparkles: Features

Flexible plotting

  • Display multiple device_tracker entities.
  • Use HA location as center, or custom lat/long.

Dynamic radar display

  • Auto-scale or fixed max distance.
  • Optional grid distance labels.

Interactivity

  • Hover for distance & azimuth.
  • Click to open entity more-info (toggleable).
  • Legend with clickable highlights.

Customization

  • Grid, font, and entity colors.
  • Per-entity name & color overrides.
  • Legend position: bottom, left, right.

:wrench: Installation

Available in HACS (recommended).

Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.

Or install manually:

  1. Download radar-card.js from the latest release.
  2. Place it in /config/www.
  3. Add it under Settings β†’ Dashboards β†’ Resources :
  • URL: /local/radar-card.js
  • Type: JavaScript Module

:gear: Example Configuration

type: custom:radar-card
title: Device Locations
entity_color: 'var(--accent-color)'
entities:
  - entity: device_tracker.person1
    name: Person 1
    color: '#ff0000'
  - device_tracker.person2
  - entity: device_tracker.car
    color: 'blue'

:bulb: Development / Feedback

Repo: timmaurice/lovelace-radar-card

I’d love to hear your feedback, ideas, or bug reports. If you try it out, let me know how it works for you!

5 Likes

:bulb: For anyone interested in seeing the Radar Card in action, it was recently featured in a video by BeardedTinker on YouTube.
He covers not just the Radar Card, but also two other awesome HACS projects that can really level up your Home Assistant dashboard:

  • Entity Visualizer – beautifully maps out how all your devices connect and interact.
  • Radar Card – track multiple entities in a sleek radar-style view (perfect for sensors, trackers, and device trackers).
  • Frosted Glass Theme – gives your dashboard a futuristic transparent-glass look.

:point_right: You can watch the full video here:

He also walks through installation, setup, and customization, so it’s a great way to get inspired if you’re considering trying out the Radar Card yourself.