Skip to content

Part of upcoming release in 2025!

The Sparkline tool

4.0.1 · Output

Some examples:

  • Sensor with Sparkline "Line"


    A sensor card with a sparkline showing the history of today.

    Swiss Army Knife Functional Sensor Card #4-8 Swiss Army Knife Functional Sensor Card #4-8

  • Sensor with Sparkline "Area"


    A sensor card with a sparkline showing the history of today.

    Swiss Army Knife Functional Sensor Card #4-6 Swiss Army Knife Functional Sensor Card #4-6

  • Sensor with Sparkline "Barcode/Audio"


    A sensor card with a sparkline showing the history of today.

    Swiss Army Knife Functional Sensor Card #4-2 Swiss Army Knife Functional Sensor Card #4-2

  • Sensor with Sparkline "Bar"


    A sensor card with a sparkline showing the history of today.

    Swiss Army Knife Functional Sensor Card #4-9 Swiss Army Knife Functional Sensor Card #4-9

  • Sensor with Sparkline "Dots"


    A sensor card with a sparkline showing the history of today.

    Swiss Army Knife Functional Sensor Card #4-10 Swiss Army Knife Functional Sensor Card #4-10

  • Sensor with Sparkline "Graded/Rank"


    A sensor card with a sparkline showing the history of today.

    Swiss Army Knife Functional Sensor Card #4-9 Swiss Army Knife Functional Sensor Card #4-9

Styling

The Sparkline tool has support for the following forms of styling:

Method Support Description
classes Using SAK or User defined class definitions
styles Using inline SVG and CSS styles

Haptics

The tool supports haptic feedback through user_actions/ tap_action definition

Action Haptic Description
Click haptic Uses the haptic property defined in the user_actions definition of the tool. If not specified, a default of medium is used
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
  tools:
    - type: icon
      position:
        cx: 10
        cy: 10
        align: center
        icon_size: 15
      entity_index: 0
      user_actions:
        tap_action:
          haptic: success
          actions:
            - action: more-info

Possible values for haptic feedback:

Haptic Description
success Indicates that a task or action has completed.
warning Indicates that a task or action has produced a warning of some kind.
failure Indicates that a task or action has failed.
light Provides a physical metaphor that complements the visual experience.
medium Provides a physical metaphor that complements the visual experience.
heavy Provides a physical metaphor that complements the visual experience.
selection Indicates that the selection is actively changing.