Gauge Card mirroring

Configuration Frontend
2

Try card-mod, some “transform” functions… You will have to learn css.
Alternatively - use a “mirrored” entity (example: if a source entity =33%, then a “mirrored” entity =67%); but seems that you need to show an original value…

Card-mod:

    card_mod:
      style:
        ha-gauge $: |
          .gauge {
            transform: rotateY(180deg);
          }

Example:

image
image480×480 16.6 KB

type: vertical-stack
cards:
  - type: entities
    entities:
      - input_number.test_level_1
  - &ref_gauge_card
    type: gauge
    entity: input_number.test_level_1
    needle: true
    segments:
      - from: 0
        color: green
      - from: 34
        color: orange
      - from: 67
        color: red
  - <<: *ref_gauge_card
    card_mod:
      style:
        ha-gauge $: |
          .gauge {
            transform: rotateY(180deg);
          }