Compass card

A custom Home Assistant dashboard card that displays an indicator in a circle.

Example

Installation

HACS (Home Assistant Community Store)

1. Go to HACS page on your Home Assistant instance
2. Select Frontend
3. Press add icon and search for compass
4. Select Compass Card repo and install
5. Force refresh the Home Assistant page (Ctrl + R)
6. Add compass-card to your page

Manual

1. Download the 'compass-card.js' from the latest release (with right click, save link as)
2. Place the downloaded file on your Home Assistant machine in the config/www folder (when there is no www folder in the folder where your configuration.yaml file is, create it and place the file there)
3. In Home Assistant go to Configuration->Lovelace Dashboards->Resources (When there is no resources tag on the Lovelace Dashboard page, enable advanced mode in your account settings, and retry this step)
4. Add a new resource
   1. Url = /local/compass-card.js
   2. Resource type = module
5. Force refresh the Home Assistant page (Ctrl + F5)
6. Add compass-card to your page

Using the card

• Add the card with the visual editor
• Or add the card manually and configure it with YAML

Wish/Todo list

• See open enhancements

Contact

You can find me on the Home Assistant Community Site
And occasionally on the HACS and Home Assistant Discord

Thanks to

• @rsnodgrass for the idea to make this
• @iantrich for the boiler-plate card, which got me started
• @vingerha for creating the dynamic background image, mdi icon support and much more
• All the translators

Support

Help me out for a couple of 🍻, a ☕ or legos!
Or clone, and create and a PR to help make the card even better.