Style Radar

Radar (v2.0.0+)

Profiles of several values compared at a glance. The card's entities become spokes round a circle, the first straight up, with a shape joining their values. Group the entities and each group is its own shape, so two rooms' air quality can be laid over each other. It draws from the entities' current values, so no history is involved.

Good for

Four to eight values in different units that together make a profile, compared between a few rooms or devices.

Example

type: custom:chartdeck-card
style: radar
title: Air quality
entities:
  - entity: sensor.lounge_co2
    group: Lounge
  - entity: sensor.lounge_humidity
    group: Lounge
  - entity: sensor.lounge_noise
    group: Lounge
  - entity: sensor.bedroom_co2
    group: Bedroom
  - entity: sensor.bedroom_humidity
    group: Bedroom
  - entity: sensor.bedroom_noise
    group: Bedroom

To use this style, set style: radar (or pick Radar under Comparisons in the editor's Style section). The chart options are in the editor's Chart section.

Sensible defaults

• Scale: each axis runs from its entity's own min to max, so readings in different units, such as CO2 and temperature, still make a fair shape.
• Fill: shapes are filled at a fifth of their colour.
• No grouping: every entity is an axis, and its value shows under the axis label.

Options

scale: limits            # limits (default) or shared
fill: true               # false draws outlines only
group_by: [area]         # any of floor, area, device, label

• scale: shared puts every axis on one scale, from 0 to the largest value.
• fill: false draws the shapes as outlines.
• Several shapes come from grouping. group_by reads each entity's floor, area, device or label from Home Assistant's registries. Per entity, group is its own group text and wins over group_by ("Ground floor / Kitchen" for two levels). Each group is one shape in the next series colour, named in a legend under the chart.
• With groups, entities line up on an axis by their own axis name, else their device class (shown as "CO₂", "Humidity"…), else their name. Per entity, axis sets it, so sensor.lounge_co2 and sensor.bedroom_co2 share one spoke.

In the editor: Scale, Fill the shapes and Group by, then Own group and Axis name for each listed entity.

Missing values

An unavailable or missing entity keeps its axis, with its status shown muted, but gets no point; the shape skips it.

Tapping

Each point is the entity's own element, so tap_action, hold_action and double_tap_action work as on the other styles (more-info by default).

Everything else

Shapes grow out from the centre on first draw. Animation is off when animate: false is set or the browser asks for reduced motion.

Layout: one chart for the whole card. Every shared option is described on the Options page.

Previous: Sunburst and icicle · Next: Polar area · All styles