Untitled

# template
horseshoe_card_template:
  horse_fan:
    type: custom:flex-horseshoe-card
    Variables:
      entity0: xxx
      entity1: xxx
      entity2: xxx
    entities:
      - entity: '[[entity0]]'
        attribute: state
        decimals: 0
        name: CPU Fan
        area: Jerajogos
        icon: mdi:fan
        unit: '%'
        tap_action:
          action: more-info
      - entity: '[[entity1]]'
        attribute: state
        name: Fan 3
        decimals: 1
        unit: '%'
        area: CPU
      - entity: '[[entity2]]'
        attribute: state
        decimals: 1
        name: Fan 5
        unit: '%'
    show:
      horseshoe_style: lineargradient
      scale_tickmarks: true
    layout:
      states:
        - id: 0
          entity_index: 0
          animation_id: 0
          xpos: 50
          ypos: 28
          uom_font_size: 1.5
          styles:
            - font-size: 2.5em;
            - opacity: 0.9;
        - id: 0
          entity_index: 0
          name: hall
          xpos: 30
          ypos: 50
          styles:
            - font-size: 1.5em;
        - id: 1
          entity_index: 0
          xpos: 70
          ypos: 50
          styles:
            - font-size: 1.5em;
      names:
        - id: 0
          animation_id: 0
          entity_index: 0
          xpos: 50
          ypos: 90
          styles:
            - font-size: 1.2em;
            - opacity: 0.7;
        - id: 1
          animation_id: 1
          entity_index: 1
          xpos: 30
          ypos: 65
          styles:
            - font-size: 1.2em;
        - id: 2
          animation_id: 2
          entity_index: 2
          xpos: 70
          ypos: 65
          styles:
            - font-size: 1.2em;
      icons:
        - id: 0
          entity_index: 0
          xpos: 55
          ypos: 50
          align: end
          size: 1.3
          styles:
            - color: blue
            - spin: true
        - id: 1
          entity_index: 2
          xpos: 37
          ypos: 72
          align: end
          size: 1.3
      hlines:
        - id: 0
          xpos: 50
          ypos: 33
          length: 40
          styles:
            - stroke: var(--primary-text-color);
            - stroke-width: 5;
            - stroke-linecap: round;
            - opacity: 0.7;
      animations:
        entity.0:
          - state: 'on'
            icons:
              - animation_id: 10
                styles:
                  - fill: blac
                    color: red
      circles:
        - animation_id: 1
          xpos: 29
          ypos: 47
          radius: 20
          styles:
            - fill: MediumBlue
        - animation_id: 2
          xpos: 69
          ypos: 47
          radius: 20
          styles:
            - fill: MediumBlue
    horseshoe_scale:
      min: 30
      max: 70
      color: var(--primary-background-color)
    horseshoe_state:
      - color: var(--label-badge-green)
        value: 0
      - color: var(--label-badge-yellow)
        value: 50
      - color: var(--label-badge-red)
        value: 60
    style: |
      @keyframes stroke { to { stroke-dashoffset: 0; } }
    color_stops:
      '0': green
      '55': yellow
      '60': red


# Card
type: custom:flex-horseshoe-card
template: horse_fan
variables:
  entity0: sensor.jogos_amd_ryzen_5_5600x_temperatures_cpu_package
  entity1: sensor.jogos_amd_ryzen_5_5600x_temperatures_cpu_package
  entity2: sensor.jogos_amd_ryzen_5_5600x_temperatures_cpu_package