[Lovelace] Mini graph card + card mod

image
image

Une carte sympa qui change avec la valeur :slight_smile:

Voilà ce dont vous avez besoin :

  • la carte mini-graph-card (dispo dans HACS)
  • lovelace card mod (dispo dans HACS)

Ensuite le code de la carte :

type: 'custom:mini-graph-card'
 entities:
  - entity: input_number.test
    show_line: false
points_per_hour: 2
style: |
  ha-card {
    background-image:
    {% if states('input_number.test')|float > 20 %}
      linear-gradient(to bottom, #e55407, #e8471c, #ea3929, #eb2936, #eb1241)
    {% else %}
      linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%)
    {% endif %}
    ;
  }

  .state__value {
    font-size: 3em;
  }
  .fill--rect {
    fill: white;
  }
  .line--point {
    z-index: 2;
  }
  ha-icon {
     transform: scale(6,6);
     top: 60px;
     right: 20px;
     color: hsla(0, 0%, 100%, 0.7098039215686275);
  }