Modern Circular Gauge

Share your Projects! Dashboards & Frontend
,
1

Modern Circular Gauge

Modern take on Home Assistant gauge. This card has mostly the same config as the gauge included in HASS with few additions like template support and badge.

cards
cards1502×716 111 KB

Features

  • Card and badge gauge
  • Secondary info under the state with two size options
  • Sections support
  • Needle
  • Template support for min, max, entity and secondary (YAML only)
  • Color segments with gradient
  • Dual gauge
  • Dual value representing as a dot on the same gauge
  • Visual editor
11 Likes
2

Looks great!!

3

@selvalt7 , great work! Many thanks for this card.

Is it bug or feature? I get a view with a decimal. Is there an option to change this behaviour?

image
image774×362 16.4 KB

The default view inside the entity is without a decimal:

image
image1076×234 7.13 KB

4

Thanks,
Yeah, it’s a bug which is fixed in the dev branch, so hopefully soon it will be available in the main branch.

1 Like
5

It would be great if you could provide few yaml examples!

6

I’ve added few examples in the repository readme file on the dev branch.

1 Like
7

Bonjour
comment peut on rendre plus opaque la jauge svp?
cordialement

8

Could you be more specific which part of gauge?