Create / customize Home Assistant dashboards

 

After the first start, all connected devices are automatically displayed in the Home dashboard. The default view of Home Assistant is "Sections". The Sections view allows you to arrange and group the cards using drag and drop.

Home Dashboard: Overview

If you create a new dashboard in Home Assistant under Settings / Dashboards, you can choose between an empty or an automatically generated default dashboard:

The dashboards can of course be created and customized by yourself.

the display modules are called "Cards" in Home Assistant:

In addition to the standard menu items, additional menu items appear for certain integrations. Furthermore, additional dashboards can be created and made available in the menu.

HACS: Must-have frontend packages.

For HACS integration, see: HomeAssistant Integrations. Plotly Graph Card is a definite must-have:

Plotly Graph Card

Since Plotly Graph doesn't necessarily score points visually with the default settings, I had underestimated the card for a long time. But with the right parameters, you can create really beautiful charts. Plotly is a worthy replacement for other graph cards such as"apexcharts-card" or the "history-explorer-card". The highlights of Plotly are its intuitive scroll and zoom function, as well as the countless possibilities to customize the charts as desired:

 

SoftwareLovelace-plotly-graph-card
GitHubhttps://github.com/dbuezas/lovelace-plotly-graph-card
current version 3.3.4
found2024-04-04

For my use cases, Plotly Graph can replace Grafana and an InfluxDB. At this point just have a look at the page again: I'll try to collect a few examples. If you want to customize the layout of certain cards, you can use lovelance-card-mod:

lovelance-card-mod

SoftwareLovelace-card-mod
GitHubhttps://github.com/thomasloven/lovelace-card-mod
current version 3.4.3
found2024-04-04

With "lovelance-card-mod" elements in Home Assistant can be customized via CCS styles:

 

Potential for improvement

Statistics diagram: missing date / time selection

Statistics diagram: missing date / time selection

created: 2024-09-16 from Bernhard

Datum- und Zeit von Statistikdiagramm-Karten (statistics-graph-card) per Auswahl ändern. ... continue reading

positive Bewertung({{pro_count}})
Rate Post:
{{percentage}} % positive
negative Bewertung({{con_count}})

THANK YOU for your review!

Questions / Comments


By continuing to browse the site, you agree to our use of cookies. More Details