Skip to content

Style Arc

tempus2016 edited this page Oct 31, 2026 · 3 revisions

Three-quarter arc

The arc style, drawn with three colour bands and a legend

A 270° arc with the value and unit in the middle, the icon above the value and the name below. Several fit in a row. Like the ring it is drawn in the colour of the current band.

Good for

Temperature, humidity, CO₂.

Example

type: custom:chartdeck-card
style: arc
title: Climate
entities:
  - entity: sensor.living_room_temperature
    name: Living room
    min: 10
    max: 30
  - entity: sensor.living_room_humidity
    name: Humidity
    min: 0
    max: 100
    unit: '%'
    severity:
      - from: 0
        color: amber
      - from: 40
        color: green
      - from: 60
        color: amber

To use this style, set style: arc (or pick Arc in the editor's Style section).

Options that matter here

  • Each entity can have its own min, max and severity, as in the example: temperature and humidity share a card but not a scale.
  • columns sets how many arcs sit in a row; by default as many as fit the card's width.
  • decimals controls the digits in the centre.
  • target draws a small marker on the arc.

Layout: tiles, as many per row as fit the card's width. Every option is described on the Options page.

Previous: Needle · Next: Line · All styles

Clone this wiki locally