Lovelace: mini graph card

I think there is no such an option.
You can play with card-mod:

type: custom:mini-graph-card
entities:
  - entity: sensor.cleargrass_1_pm25
    show_points: false
points_per_hour: 60
hours_to_show: 1
animate: true
card_mod:
  style: |
    .graph .graph__container .graph__container__svg svg g mask .line {
      animation-duration: 5s !important;
      animation-delay: 0s !important;
      animation-timing-function: linear !important;
      animation-iteration-count: infinite !important;
    }

Note that the default animation only runs when showing the graph the first time (i.e. after opening the web page). The "animation-iteration-count: infinite" option makes the animation running in loop.
Also, in case of "infinite" after several loops the animation effect breaks (possibly Chrome bug) - see this at the end of this video:
Untitled Project


More about card-mod.

4 Likes