A new horizontal bar chart card for temperature comparison

Bar Chart Card
I needed to have an overview of all the temperatures of the different rooms in my house so that I could compare them.
I also needed to know wether it was smart to open the window to vent or to cool down in the summer when the outside temperature is cooler than inside.
Besides that I was interested if the temperature raises, lowers or is steady the last quarter of an hour.
Al of this wasn’t easy to find in existing cards so I made one myself, and thought to share it thru HACS so that others could profit from it as well.

Screenshot

Github
The github is here:

Installation
You can install it trhu HACS.

Example
The YAML that creates the example in this post is:

type: custom:bar-chart-card
title: Temperatuur vergelijking
min: 15
max: 40
unit: " °C"
sort: desc
outdoor_entity: sensor.voortuin_voortuin_temperatuur_sensor_temperatuur
trend: true
decimals: 1
entities:
  - entity: sensor.tuin_bewegingsensor_temperature
    name: Achtertuin
    color: "#00acc1"
    outdoor: true
  - entity: sensor.kinderkamer_temperatuursensor_temperature
    name: Kinderkamer
    color: "#8e24aa"
  - entity: sensor.slaapkamer_temperatuur_sensor_temperature
    name: Slaapkamer
    color: "#6d4c41"
  - entity: sensor.badkamer_badkamer_temperatuur_sensor_temperatuur
    name: Badkamer
    color: "#43a047"
  - entity: sensor.kantoor_kantoor_temperatuur_sensor_temperatuur
    name: Kantoor
    color: "#fb8c00"
  - entity: sensor.woonkamer_woonkamer_temperatuur_sensor_temperatuur
    name: Woonkamer
    color: "#e53935"
  - entity: sensor.voortuin_voortuin_temperatuur_sensor_temperatuur
    name: Voortuin
    color: "#2196f3"
    outdoor: true
grid_options:
  columns: full
  rows: 6
4 Likes

Any plans to allow vertical orientation or for coloured severity levels like the custom-bar card?

That sounds like a cool feature. What cards do you use on this example? Can you share the YAML, so that I have an idea?

See the examples here: GitHub - spacerokk/bar-card: Customizable Animated Bar card for Home Assistant Lovelace · GitHub

Just shipped both in v1.4.0:

  • direction: vertical — bars now grow bottom-to-top in columns instead of the default horizontal rows (pair with height to size them)
  • severity — colour thresholds as a list of {from, to, color} ranges, card-wide or per-entity, same idea as custom:bar-card’s severity option

Release notes / config docs: Release v1.4.0 · Wolk9/lovelace-bar-chart-card · GitHub

1 Like