System Monitoring - How does yours look?

norien · May 8, 2019, 11:37pm

benm7 · May 9, 2019, 12:59am

Would love to see your config for the graphs which show multiple entries (eg. downloads and uploads in one graph). Really like the way you have laid it out!

rsachoc · May 9, 2019, 2:15am

Here’s an example with 2 graphs

  - accuracy: 5
    align_icon: left
    entities:
      - entity: sensor.pi_hole_ads_blocked_today
        name: Ads blocked
        show_state: true
        unit: ads
      - entity: sensor.pi_hole_dns_queries_today
        name: DNS queries
        show_state: true
        unit: queries
    hours_to_show: 168
    icon: 'mdi:pi-hole'
    line_color: '#0073D4'
    name: Pi-hole today
    points_per_hour: 0.05
    show:
      points: false
    type: 'custom:mini-graph-card'

I updated it based on some others here

Erickk · May 9, 2019, 2:55am

Thanks a lot for that it really helps. How were you able to get the size of you database file?

krovachek · May 9, 2019, 4:22am

This is my code:

  - platform: sql
    db_url: mysql://username:password-mariadb/homeassistant?charset=utf8
    queries:
      - name: HASS DB size
        query: 'SELECT table_schema "database", Round(Sum(data_length + index_length) / 1048576, 2) "value" FROM information_schema.tables WHERE table_schema="homeassistant" GROUP BY table_schema;'
        column: 'value'
        unit_of_measurement: MB

woody4165 · May 9, 2019, 5:00am

Thanks, I was missing how to gather temp and network.

I created a cron job in my Proxmox instance to exec this tiny Python script that runs every 30 secs

cron job

* * * * * /root/systems_data.py
* * * * * (sleep 30 ; /root/systems_data.py )

systems_data.py

temp= "$(cat /sys/class/thermal/thermal_zone2/temp)"
cpuload= "$(grep 'cpu ' /proc/stat | awk '{usage=($2+$4)*100/($2+$4+$5)} END {print usage}')"
memavail= "$(cat /proc/meminfo | grep MemAvailable | awk '{print $2}')"

mosquitto_pub -h 192.xxx.xxx.xxx -u user -P password -t topic/temp -m $temp
mosquitto_pub -h 192.xxx.xxx.xxx -u  user -P password -t topic/cpuload -m $cpuload
mosquitto_pub -h 192.xxx.xxx.xxx -u  user -P password -t topic/memavail -m $memavail

In this way I can get those three values that I can show in my dashboard.

Hope it can help someone!

Dayve67 · May 9, 2019, 9:53am

How did you install netdata on the host? I used the easy bash <(curl -Ss https://my-netdata.io/kickstart.sh)
But end up with some errors:

All required packages are already installed. Now proceed to the next step.

 OK  /bin/bash /tmp/netdata-kickstart-ws3vT4/install-required-packages.sh netdata 

$'[\E[2m/tmp/netdata-kickstart-ws3vT4\E(B\E[0m]# \E[1m\E[33m' curl -sSL --connect-timeout 10 --retry 3 https://storage.googleapis.com/netdata-nightlies/sha256sums.txt $'\E(B\E[0m\\n' curl: (60) SSL certificate problem: self signed certificate
More details here: https://curl.haxx.se/docs/sslcerts.html

curl performs SSL certificate verification by default, using a "bundle"
 of Certificate Authority (CA) public keys (CA certs). If the default
 bundle file isn't adequate, you can specify an alternate file
 using the --cacert option.
If this HTTPS server uses a certificate signed by a CA represented in
 the bundle, the certificate verification probably failed due to a
 problem with the certificate (it might be expired, or the name might
 not match the domain name in the URL).
If you'd like to turn off curl's verification of the certificate, use
 the -k (or --insecure) option.
 FAILED  curl -sSL --connect-timeout 10 --retry 3 https://storage.googleapis.com/netdata-nightlies/sha256sums.txt 

 ABORTED  Cannot download https://storage.googleapis.com/netdata-nightlies/sha256sums.txt

Vlavonvidden · May 9, 2019, 10:21am

Hi @krovachek ! I really like your UI, especially the spacing between charts in your stack. Would you mind sharing your laovelace config ?

woody4165 · May 9, 2019, 10:24am

Hi @Dayve67

The installation I did was as explained here, the first option.

I have done it accessing SSH to the Proxmox server address, not the VM, and then executed the command without sudo.

That’s it!

But since the integration with HA is not so good, as far as I understood, I removed it.

My goal is to grab information and to show in HA using sensors, not to show just the Netdata Graph as is calling a http page.

That’s why I decided to go directly with a python script, as my previous message.

krovachek · May 9, 2019, 10:32am

Here it is:

card:
  color: white
  entities:
    - cards:
        - cards:
            - card:
                animate: true
                entities:
                  - sensor.cpu_temp
                graph: line
                name: CPU hőmérséklet
                show:
                  icon: false
                  name: false
                  extrema: true
                hour24: true
                type: 'custom:mini-graph-card'
              style:
                background-color: 'rgba(0,0,20,0.3)'
                background-size: 100% 100%
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 20px
                transform: scale(0.95)
              type: 'custom:card-modder'
            - card:
                animate: true
                entities:
                  - sensor.processor_use
                graph: line
                line_color: 'rgba(57,128,228)'
                hour24: true
                hours_to_show: 24
                show:
                  icon: false
                  name: false
                  extrema: true
                type: 'custom:mini-graph-card'
              style:
                background-color: 'rgba(0,0,20,0.3)'
                background-repeat: no-repeat
                background-size: 100% 100%
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 20px
                transform: scale(0.95)
              type: 'custom:card-modder'
          type: horizontal-stack
      type: 'custom:vertical-stack-in-card'
    - cards:
        - cards:
            - card_style:
                background: 'rgba(0,0,20,.5)'
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 12px
                transform: scale(0.95)
              color: '#FFA50090'
              entities:
                - sensor.cpu_temp
              max: 8000
              title: CPU hőmérséklet
              title_position: inside
              title_style:
                font-size: 12px
              type: 'custom:bar-card'
            - card_style:
                background: 'rgba(0,0,20,.5)'
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 12px
                transform: scale(0.95)
              color: 'rgba(57,128,228,0.6)'
              entities:
                - sensor.processor_use
              max: 8000
              title: CPU használat
              title_position: inside
              title_style:
                font-size: 12px
              type: 'custom:bar-card'
          type: horizontal-stack
      type: 'custom:vertical-stack-in-card'
    - cards:
        - cards:
            - card_style:
                background: 'rgba(0,0,20,.5)'
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 12px
              color: '#FFA50090'
              entities:
                - sensor.memory_use
              max: 8000
              title: használt memória
              title_position: left
              type: 'custom:bar-card'
          type: horizontal-stack
      type: 'custom:vertical-stack-in-card'
    - cards:
        - cards:
            - card_style:
                background: 'rgba(0,0,20,.5)'
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 12px
              color: 'rgba(57,128,228,0.6)'
              entities:
                - sensor.memory_free
              max: 8000
              title: szabad memória
              title_position: left
              type: 'custom:bar-card'
          type: horizontal-stack
      type: 'custom:vertical-stack-in-card'
    - cards:
        - cards:
            - card_style:
                background: 'rgba(0,0,20,.5)'
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 12px
              color: '#FFA50090'
              entities:
                - sensor.disk_use_percent_home
              max: 8000
              title: foglalt terület
              title_position: left
              type: 'custom:bar-card'
          type: horizontal-stack
      type: 'custom:vertical-stack-in-card'
    - cards:
        - cards:
            - card_style:
                background: 'rgba(0,0,20,.5)'
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 12px
              color: 'rgba(57,128,228,0.6)'
              entities:
                - sensor.hass_db_meret
              max: 500
              title: adatbázis mérete
              title_position: left
              type: 'custom:bar-card'
          type: horizontal-stack
      type: 'custom:vertical-stack-in-card'
  show_header_toggle: false
  title: NUC/Hassio
  type: entities
style:
  background-color: 'rgba(0,0,20,0.6)'
  background-image: url("/local/pictures/cardback.png")
  background-repeat: no-repeat
  background-size: 100% 100%
  border: 'solid 1px rgba(57,128,228,0.4)'
  border-radius: 20px
type: 'custom:card-modder'

Vlavonvidden · May 9, 2019, 10:35am

Thanks a lot ! Clever use of card modder !

krovachek · May 9, 2019, 2:03pm

You are welcome and thanx!
I forgot the setup the maximum values…

tom_l · May 9, 2019, 2:09pm

I think what you have done with card modder is the missing piece of the puzzle for making transparency work (not look terrible) with some of my stacked custom cards. I’ll give it a try. Thanks for sharing.

krovachek · May 9, 2019, 2:48pm

Inner and outer temperature-humidity monitoring.

Norik_Krasniqi · May 9, 2019, 7:10pm

Would you mind sharing the config for temperature-humidity monitoring? Not sure how you got both data (Celcius and %) shown in there.

krovachek · May 9, 2019, 7:35pm

Of course :

card:
  color: white
  entities:
    - cards:
        - cards:
            - card:
                animate: true
                entities:
                  - entity: sensor.temperature_mi
                    name: hőmérséklet
                  - entity: sensor.humidity_mi
                    name: páratartalom
                    show_state: true
                font_size: 80
                hour24: true
                hours_to_show: 72
                icon: 'mdi:weather-partlycloudy'
                legend: true
                name: külső
                show:
                  graph: line
                type: 'custom:mini-graph-card'
              style:
                background-color: 'rgba(0,0,20,0.3)'
                background-repeat: no-repeat
                background-size: 100% 100%
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 20px
                transform: scale(0.95)
              type: 'custom:card-modder'
          type: horizontal-stack
      type: 'custom:vertical-stack-in-card'
    - cards:
        - cards:
            - card:
                animate: true
                entities:
                  - entity: sensor.temperature_temperature
                    name: nappali
                    show_state: true
                  - entity: sensor.broadlink_sensor_temperature
                    name: szoba
                    show_state: true
                font_size: 75
                icon: 'mdi:home'
                name: hőmérséklet
                type: 'custom:mini-graph-card'
              style:
                background-color: 'rgba(0,0,20,0.3)'
                background-repeat: no-repeat
                background-size: 100% 100%
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 20px
                transform: scale(0.95)
              type: 'custom:card-modder'
            - card:
                animate: true
                entities:
                  - entity: sensor.temperature_humidity
                    name: nappali
                    show_state: true
                  - entity: sensor.broadlink_sensor_humidity
                    name: szoba
                    show_state: true
                font_size: 75
                icon: 'mdi:home'
                name: páratartalom
                type: 'custom:mini-graph-card'
              style:
                background-color: 'rgba(0,0,20,0.3)'
                background-repeat: no-repeat
                background-size: 100% 100%
                border: 'solid 1px rgba(57,128,228,0.4)'
                border-radius: 20px
                transform: scale(0.95)
              type: 'custom:card-modder'
          type: horizontal-stack
      type: 'custom:vertical-stack-in-card'
  show_header_toggle: false
  type: entities
style:
  background-color: 'rgba(0,0,20,0.6)'
  background-image: url("/local/pictures/cardback.png")
  background-repeat: no-repeat
  background-size: 100% 100%
  border: 'solid 1px rgba(57,128,228,0.4)'
  border-radius: 20px
type: 'custom:card-modder'

rsachoc · May 9, 2019, 11:09pm

I think mine is exactly the same as @krovachek

## Database size
- platform: sql
  db_url: !secret mariadb_url
  queries:
  - name: Database Size
    query: 'SELECT table_schema "database", Round(Sum(data_length + index_length) / 1048576, 2) "value" FROM information_schema.tables WHERE table_schema="homeassistant" GROUP BY table_schema'
    column: 'value'
    unit_of_measurement: MB

We must have stolen it from the same post

Erickk · May 10, 2019, 12:17am

Thank you guys I got it working!

miguelromao · May 10, 2019, 11:34pm

it’s a wifi sensor

  - platform: command_line
    name: Wifi Signal
    command: 'iwconfig wlan0 |grep Signal|cut -d"=" -f3|cut -d" " -f1'
    unit_of_measurement: " dBm"
    value_template: '{{ value | round(1) }}'

tom_l · May 11, 2019, 12:27am

I can’t work out how you got the border around the outside of your card (see, Card modder and vertical-stack-in-card )

In fact I can’t work out how you got your card to show at all. It looks like you have your vertical/horizontal stack in cards listed in an entities card but when I try that nothing shows up. Which is what I would expect. An entities card only supports lists of entities not cards.