v0.3.0

Caution

Template Gauge Card is now Gauge Card Pro

Template Gauge Card has been renamed to Gauge Card Pro as the card is no longer just about templates and to leave room for future development that are not template related.

This release will be the last release under this repository/name. Please use https://github.com/benjamin-dcs/gauge-card-pro from now on. This release is already available under the new name. Changing to Gauge Card Pro requires a change in your card config from type: custom:template-gauge-card to type: custom:gauge-card-pro

Sorry for the inconvenience! Thanks for using this card ❤️

Beautiful major changes! 🌈 Gradients and more 🛠️ templates!

🌈 Add gradient

Adds a gradient toggle to change the looks from the default Home Assistant Gauge to a beautiful gradient! Use gradientResolution (optional; low, medium, high) to set the level of detail.

gradient: true
gradientResolution: high

🛠️ Add segmentsTemplate and severityTemplate

Allows using templates for segments or severity specific separate parameters (segmentsTemplate, severityTemplate)

Example segmentsTemplate

segmentsTemplate: |-
  {{
    [
      { "from": 0, "color": "#4caf50" },
      { "from": 25, "color": "#8bc34a" },
      { "from": 50, "color": "#ffeb3b" },
      { "from": 75, "color": "#ff9800" },
      { "from": 100, "color": "#f44336" },
      { "from": 125, "color": "#926bc7" },
      { "from": 150, "color":"#795548"  }
    ]
  }}

Example severityTemplate

severityTemplate: |-
  {{
    { 
      "red": 0, 
      "yellow": 20, 
      "green": 30
    }
  }}

Full Changelog: v0.1.0...v0.3.0

v0.3.0-rc1

Beautiful major changes! 🌈 Gradients and more 🛠️ templates!

🌈 Add gradient

Adds a gradient toggle to change the looks from the default Home Assistant Gauge to a beautiful gradient! Use gradientResolution (optional; low, medium, high) to set the level of detail.

gradient: true
gradientResolution: high

🛠️ Add segmentsTemplate and severityTemplate

Allows using templates for segments or severity specific separate parameters (segmentsTemplate, severityTemplate)

Example segmentsTemplate

segmentsTemplate: |-
  {{
    [
      { "from": 0, "color": "#4caf50" },
      { "from": 25, "color": "#8bc34a" },
      { "from": 50, "color": "#ffeb3b" },
      { "from": 75, "color": "#ff9800" },
      { "from": 100, "color": "#f44336" },
      { "from": 125, "color": "#926bc7" },
      { "from": 150, "color":"#795548"  }
    ]
  }}

Example severityTemplate

severityTemplate: |-
  {{
    { 
      "red": 0, 
      "yellow": 20, 
      "green": 30
    }
  }}

Full Changelog: v0.1.0...v0.3.0-rc1

v0.3.0-b3

Add gradientResolution option

Use:

gradientResolution: low, medium or high

Full Changelog: v0.1.0...v0.3.0-b3

v0.3.0-b2

Add gradient option

Use:

gradient: true

Warning

This release does not yet include the changes from v0.2.0-beta (segmentsTemplate and severityTemplate)

Full Changelog: v0.1.0...v0.3.0-b2

v0.2.0-b1

Add segmentsTemplate and severityTemplate

segmentsTemplate example

segmentsTemplate: |-
  {{
    [
      {
        "from": 0,
        "to": 20,
        "color": "red"
      },
      {
        "from": 20,
        "to": 30,
        "color": "orange"
      },
      {
        "from": 30,
        "color": "green"
      }
    ]
  }}

severityTemplate example

severityTemplate: |-
  {{
    {
      "green": 0,
      "red": 30
    }
  }}

Full Changelog: v0.1.0...v0.2.0-b1

v0.1.0

Full Changelog: https://github.com/benjamin-dcs/template-gauge-card/commits/v0.1.0