Lovelace: mini graph card

Lovelace: mini-graph-card

A minimalistic and customizable graph card for Home Assistant Lovelace UI.

The card works with entities from within the sensor domain and displays the sensors current state as well as a line graph representation of the history.

Instructions

Please visit the GitHub repository for installation and usage instructions.

Let me know if you have any questions, issues or suggestions!

111 Likes

Setup and running, no errors in the log, Thanks!

5 Likes

Oh, that’s great.
Love your setup, thanks for trying it! :smiley:

Another great card! Thank you very much!!!

1 Like

My gosh that is a sexy card! Love it in the UI, thank you so much for making it!!!:smiley:

1 Like

Amazing I have tried graphs in the past and didn’t like the look and feel of them. Will be trying these out in the morning cheers.

1 Like

This is really cool.
Any chance of being able to combine multiple entities on the same chart? For example multiple Temp sensors with a mini legend to identify the different colours?

5 Likes

That should certainly be possible, I will consider that feature, thank you!

Great job. Thank you.
Is it possible to add a choice of custom backgrounds or colors for the card?

Haven’t got the time to try it out yet. But i definitely will do!
Great work. Thats a totally awesome and needed card :+1:

2 Likes

What do i do wrong:
Configuration.yaml:

frontend:
    javascript_Version: latest

ui-lovelace.yaml:

 - url: /local/mini-graph-card.js?v=0.0.1
   type: module

and:

- type: horizontal-stack
        cards:
          - type: "custom:mini-graph-card"
            entity: sensor.energy
            name: Energie
            line_color: '#FF0000'
            line_width: 8
          - type: "custom:mini-graph-card"
            entity: sensor.power
            name: Leistung
            line_color: '#FF0000'
            line_width: 8
      - type: horizontal-stack
        cards:
          - type: "custom:mini-graph-card"
            entity: sensor.voltage
            name: Spannung
            line_color: '#FF0000'
            line_width: 8
          - type: "custom:mini-graph-card"
            entity: sensor.current
            name: Stromstärke
            line_color: '#FF0000'
            line_width: 8    

and ofc the 2 files in www-folder:

i have dat but no graph, look here:

what do i do wrong?

Thx in Advance

Thanks, try the card-modder plugin, might be able accomplish that with it My Lovelace Plugins

Strange, the graph and icon is not visible? What version of HA are you running? Do you get any errors in the log?

37 47

Getting this issue too :frowning: Two of my sensors (in the bottom of the picture) that are Xiaomi Bluetooth ones sometimes presents a graph for a few seconds, but on refresh it’s just gone. No problems with my zigbee ones, the only difference i can come to think of between them is that the bluetooth ones are reporting temperature a bit sporadicly, sometimes every 5-10 minutes, sometimes it could be 40 minutes, but i still get a native graph in the UI and the latest temperature is always displayed. Running 0.79.2 with the latest Mini graph card on a RPI 3. The only error in the log is this:

2018-10-04 23:03:21 ERROR (MainThread) [frontend.js.latest.201809270] https://fillwe.duckdns.org:8123/lovelace/2:0:0 Uncaught

The log is empty,
and i am Running 0.79.1 at the moment
Strange is, that i thought, in one graph i saw shortly a red line, but it was gone after refresh!
The second strange thing is, that the data comes from one single entity, a Tasmota POW !
A fault from my side?
Thx
Wiesl

Ughh, wish I had more sensors to debug this issue with, haven’t seen it myself.

No, it’s most likely an issue with the card, I’ll try to figure it out.

Can any of you please check the developer console in the browser for errors?

I had the same issue first time and it was because the recorder component didn’t have the domain added so there was no tracking of the information. Once I added it (and wait a little) I started to see the chart.

Hi, this is really nice one! And could you please share you’re dark theme? Still can not find satisfying look.

Awsome card, is it possible tu change the size of the card, so I can match it to button card?

This is great information, thank you.

Thanks! sure, here it is:

No, unfortunately since the design is somewhat responsive, setting a fixed height is not possible, although you can however manipulate the height in some manner with the height option.

1 Like