LEDgardener

Posted: **Tue Dec 22, 2020 10:11 pm**

Hi,

I was searching for a way for a graphical showing of my ph value. As Lovelace was not offering so many options I searched and found a mini graph card addon.

It is from HACS. As I found nothing on my search I like to share it herewith to you.

I set it up and now my card in Lovelace looks like this:

Code: Select all

entities:
  - entity: sensor.ph_sensor_temp
    index: 0
    name: Temp
  - entity: sensor.ph_sensor_ph
    index: 1
    name: PH
    show_state: true
    y_axis: secondary
font_size: 105
hour24: true
hours_to_show: 24
icon: 'mdi:sprout-outline'
line_color:
  - orange
  - blue
line_width: 12
name: Temp / PH
show:
  extrema: true
  average: true
style: |
  ha-card {
    height: 220px !important;
  }
type: 'custom:mini-graph-card'

Have fun

Posted: **Tue Dec 22, 2020 11:09 pm**

I really like the look of that. Thanks for sharing.

Posted: **Wed Dec 23, 2020 4:10 pm**

Very Nice!

Posted: **Sat Dec 26, 2020 8:24 am**

Looks good. I found this card a few weeks ago also. I needed a way to display more than one temp sensor together. Spent some time playing around and came up with this for temp and humidity: I like how you can set the color for high and low.

Code: Select all

type: vertical-stack
cards:
  - type: 'custom:mini-graph-card'
    name: Temp
    name_adaptive_color: true
    icon_adaptive_color: true
    animate: true
    height: 175
    line_width: 6
    lower_bound: 66
    upper_bound: ~81
    entities:
      - entity: sensor.th01_temperature
        name: Row1
      - entity: sensor.th03_temperature
        name: Row3
      - entity: sensor.th05_temperature
        name: Row5
    color_thresholds:
      - value: 66
        color: '#0000ff'
      - value: 70
        color: '#00ffff'
      - value: 74
        color: '#00ff00'
      - value: 75
        color: '#77ff00'
      - value: 76
        color: '#afff00'
      - value: 77
        color: '#ffff00'
      - value: 78
        color: '#ffaa00'
      - value: 79
        color: '#ff6600'
      - value: 80
        color: '#ff3300'
      - value: 81
        color: '#ff0000'
    points_per_hour: 1
  - type: 'custom:mini-graph-card'
    name: Humid
    name_adaptive_color: true
    icon_adaptive_color: true
    animate: true
    height: 175
    line_width: 6
    lower_bound: 38
    upper_bound: ~75
    entities:
      - entity: sensor.th01_humidity
        name: Row1
      - entity: sensor.th03_humidity
        name: Row3
      - entity: sensor.th05_humidity
        name: Row5
    color_thresholds:
      - value: 40
        color: '#0000ff'
      - value: 45
        color: '#00ffff'
      - value: 50
        color: '#00ff00'
      - value: 53
        color: '#77ff00'
      - value: 56
        color: '#afff00'
      - value: 59
        color: '#ffff00'
      - value: 62
        color: '#ffaa00'
      - value: 65
        color: '#ff6600'
      - value: 68
        color: '#ff3300'
      - value: 71
        color: '#ff0000'
    points_per_hour: 1

I'm not very good with lovelace but, I'm definitely interested in building a dashboard for control.

LEDgardener

lovelace mini graph card

lovelace mini graph card

Re: lovelace mini graph card

Re: lovelace mini graph card

Re: lovelace mini graph card