Entities-with-graphs card?

Configuration Frontend
1

I want something which is basically the built-in “Entities” card, but with the value history in the background, so that I can get a sense of the history without it taking up a huge amount of space. All I can find is the built-in entities card (which doesn’t do graphs) and a ton of amazingly fancy third-party graph cards (which are all huge… I want each entity’s history to take up the same space as a single line of text).

Surely this must exist already, but my searches with google and HACS aren’t finding anything :frowning:

Any suggestions?

Quick mock-up to hopefully demonstrate what I’m imagining:

Screenshot 2023-09-08 at 21.24.42
Screenshot 2023-09-08 at 21.24.421006×652 28.6 KB

1 Like
2

It is possible to overlap two things:
— entity row;
— a simple and fast graph card like “sensor”,
by card-mod, but it needs css skills.

3

I was searching for the same feature and couldn’t find anything that matched exactly what I wanted. So, I decided to combine the default entities card with the power of the mini-graph-card.

By integrating these two, you can achieve a compact view where each entity’s history is displayed in the background, taking up minimal space—just like a single line of text.

Here’s a visual example of what the final card looks like:
image

Here’s a quick guide on how to set it up:

  1. Make sure that the mini-graph-card is installed. (Because we build on top of that component)

  2. Add the repository to HACS:

  • Go to HACS.
  • Click on “Frontend” and then the three dots menu in the top right corner.
  • Select “Custom repositories” and add the following URL: https://github.com/timmaurice/background-graph-entities.
  • Choose the plugins category and add the repository.
    It should look like that afterwards:
    image
  1. Use the custom card in your dashboard:
  • Add the card to your Lovelace UI with a configuration like this:
type: custom:background-graph-entities
entities:
  - entity: sensor.temperature
  - entity: sensor.humidity
hours_to_show: 24
  • Adjust the entities and other parameters to match your preferences.

Feel free to reach out if you have any questions or need further assistance!

Link to the repository:

3 Likes