Best option to visualize three values (Temp, Humidity, Dewpoint) in a single card?

Configuration Frontend
1

I am in search for inspirations how to visualize Temp, Humidity and Dewpoint in a single card. I have looked at Gauge Card Pro which comes close to what I am looking for though it is limited to two values unfortunately.
Any feedback is appreciated.
cheers!

2

Depends on what you mean by a visualization.
For instance, with a custom multiple-entity- row card you can show three values in one row.
Or you can stack three Gauge card horizontally.
Or place three values on a mini-graph-card (temperature and dew point - primary y axis, humidity - secondary y axis).

1 Like
3

I like Markdown Card and templates for this sort of thing.

1 Like
4

The Gauge Card Pro can display 3 values:

image
image275×143 8.26 KB

You just need to define the icon as a template similar to this:

icon:
  type: template
  value: |
    {{
      { 
        "icon": "mdi:cloud-percent",
        "color": "gray",
        "label": (states('sensor.weather_humidity') | int ) | string + "%"
      }
    }}
1 Like
5

Thank you - I thought this is limited to a battery state icon. I’ll try this.
Thanks also to others for their suggestions.

1 Like