Einfache Windrose

[Polle87]

Hallo,

ich suche nach einer einfachen Windrose als Karte fürs Dashboard, die mir einfach nur über die beiden Sensor-Werte der Windrichtung und Windgeschwindigkeit die aktuellen Werte anzeigt.

Von der Optik ähnlich wie diese

oder diese

Einfach nur Richtung und Geschwindigkeit…

Die “Windrose Card” aus Hacs nutze ich schon. Aber das ist mir schon viel zu viel Info mit der.

Hintergrund ist: Ich habe drei Sensoren am Haus verteilt und möchte deren Werte über Geschwindigkeit und Richtung, zum Vergleich, optisch mit Pfeil-Darstellung, nebeneinander haben.

[whoami]

Ich nutze den hier: compass card

[Alex]

GitHub - neponn/ring-tile-card: A Home Assistant card to visualise your sensor...

type: custom:ring-tile
entity: sensor.netatmo_wind_windgeschwindigkeit
ring_type: compass_n
ring_only: true
ring_size: 2
name: " "
marker: sensor.netatmo_wind_windwinkel
marker_color: ha_red

[ciddi89]

Ich nutze dafür die Ring-Tile Card (GitHub - neponn/ring-tile-card: A Home Assistant card to visualise your sensor data · GitHub).

Habe selber mir eine ähnliche Karte wie aus deinem ersten Screenshot mal gebastelt. Die ist nämlich aus der iOS Wetter App und hatte mir gut gefallen. So sieht sie bei mir aus:

Habe sie mit card-mod bzw UIX gebastelt. Vielleicht hilft der Code dir um das nachzubauen.
Falls du Card-Mod nutzt und nicht UIX musst du dann immer das “uix:” gegen “card_mod:” tauschen.

Einfach hier klicken um den Yaml Code zu sehen.

type: custom:vertical-stack-in-card
cards:
  - type: custom:layout-card
    layout_type: custom:grid-layout
    layout:
      grid-template-columns: 60% auto
      grid-template-rows: auto
      margin: 0
    cards:
      - type: entities
        entities:
          - entity: sensor.windgeschwindigkeit_bft_2
            name: Windstärke
            icon: none
            uix:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left:0 !important;
                    }
          - type: divider
            style:
              height: 1px
              background-color: var(--secondary-text-color)
          - entity: sensor.emden_windboen
            name: Windböen
            uix:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left:0 !important;
                    }
          - type: divider
            style:
              height: 1px
              background-color: var(--secondary-text-color)
          - entity: sensor.windrichtung_emden
            name: Richtung
            type: custom:multiple-entity-row
            entities:
              - entity: sensor.emden_windrichtung
                name: false
                styles:
                  margin-right: 10px;
            uix:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left:0 !important;
                    }
        view_layout:
          place-self: center auto
        uix:
          style: |
            ha-card {
              background: none;
            } 
            :host {
              --ha-card-backdrop-filter: none !important;
                --ha-card-box-shadow: none !important;
              }
      - type: custom:mod-card
        style: |
          ha-card {
            transform: scale(0.9);
            transform-origin: left;
          } 
          :host {
            --ha-card-backdrop-filter: none !important;
            --ha-card-box-shadow: none !important;
              }
        card:
          type: custom:ring-tile
          entity: sensor.emden_windgeschwindigkeit
          marker: sensor.emden_windrichtung
          ring_type: compass_n
          ring_size: 3
          top_element: marker_dir
          middle_element: value_with_unit
          uix:
            style: |
              ha-card {
                background: none;
              } 
              :host {
                --ha-card-backdrop-filter: none !important;
                  --ha-card-box-shadow: none !important;
                }