Repository navigation
Styles
tempus2016 edited this page Nov 6, 2026
·
8 revisions
Every style reads the same settings — entities, limits, colour bands, names, icons and tap
actions — so switching style is one change in the editor (or one style: line in YAML).
| Style | Good for | Status |
|---|---|---|
Classic bar (bar) |
Batteries, levels, anything 0–100 | 1.0 |
Thin bar (thin) |
Storage, compact lists | 1.0 |
Segmented bar (segmented) |
Signal strength, fill levels | 1.0 |
Vertical / tank (tank) |
Tanks, bins, water butts | 1.0 |
Ring (ring) |
CPU, memory, disk | 1.0 |
Half circle with needle (needle) |
Power, speed | 1.0 |
Three-quarter arc (arc) |
Temperature, humidity, CO₂ | 1.0 |
Line chart (line) |
How a sensor changed over hours or days | 1.2 |
Area chart (area) |
Solar, power use, import and export either side of zero | 1.3 |
Column chart (column) |
Energy per day, rain per hour | 1.3 |
Combined chart (combined) |
Columns, lines and areas together, with a second value axis | 1.3 |
Pie and donut (pie) |
Where today's energy came from, disk space by folder | 2.0 |
Rings (rings) |
Several batteries or goals in one dial | 2.0 |
Pictograph (pictograph) |
Chores done, glasses of water, people at home | 2.0 |
Waffle (waffle) |
One share out of 100, or a split of one total | 2.0 |
Histogram (histogram) |
How long a room spent in each temperature range | 2.0 |
Scatter (scatter) |
One sensor against another: heating against outside temperature | 2.0 |
Bubble (bubble) |
A scatter sized by a third sensor: temperature, humidity and CO₂ | 2.0 |
Heatmap (heatmap) |
Power by hour and weekday, or a year of days as a calendar | 2.0 |
Box plot (box) |
How readings spread, per entity or per day, week or month | 2.0 |
Funnel (funnel) |
Solar produced, used, exported: stages that narrow | 2.0 |
Waterfall (waterfall) |
How a total is built up or worn down, step by step | 2.0 |
Treemap (treemap) |
Power use by floor and room, as nested boxes | 2.0 |
Sunburst and icicle (sunburst, icicle) |
A hierarchy as rings or bars; tap a group to drill in | 2.0 |
Radar (radar) |
Comparing profiles of several values | 2.0 |
Polar area (polar_area) |
Values as slice lengths around a circle | 2.0 |
Grouped and stacked bars (grouped_bars) |
Several values side by side, stacked or as 100 % | 2.0 |
Bullet (bullet) |
A value against its target and ranges | 2.0 |
Lollipop (lollipop) |
Many values compared with little ink | 2.0 |
Slope (slope) |
Each entity then and now | 2.0 |
Dumbbell (dumbbell) |
Lowest and highest, or then and now, per entity | 2.0 |
Range area (range_area) |
Each period's lowest to highest, shaded | 2.0 |
Sparkline (sparkline) |
A tiny trend beside each entity's name and value | 2.0 |
Streamgraph (streamgraph) |
How several entities share a total over time | 2.0 |
Candlestick (candlestick) |
Open, high, low and close per period | 2.0 |
Violin and raincloud (violin) |
How readings are spread, as a shape | 2.0 |
Beeswarm (beeswarm) |
Every reading, or every time something turned on | 2.0 |
State timeline (timeline) |
When each entity was on, off, home or heating | 2.0 |
Climate (climate) |
A thermostat's temperature against its set point | 2.0 |
Sankey (sankey) |
How power flows between sources and loads | 2.0 |
Wind rose (wind_rose) |
Where the wind comes from, and how hard | 2.0 |
24-hour clock (day_clock) |
When each entity was on, around the clock | 2.0 |
Trend (trend) |
A compact tile: the value over its recent history | 2.0 |
All the settings are on Options; the editor is walked through on Visual editor.
Ideas for more charts are on the roadmap board.
Start
Using it
-
Styles
- Bar
- Thin
- Segmented
- Tank
- Ring
- Needle
- Arc
- Line
- Area
- Column
- Combined
- Pie and donut
- Rings
- Pictograph
- Waffle
- Histogram
- Scatter
- Bubble
- Heatmap
- Box plot
- Funnel
- Waterfall
- Treemap
- Sunburst and icicle
- Radar
- Polar area
- Grouped and stacked bars
- Bullet
- Lollipop
- Slope
- Dumbbell
- Range area
- Sparkline
- Streamgraph
- Candlestick
- Violin and raincloud
- Beeswarm
- State timeline
- Climate
- Sankey
- Wind rose
- 24-hour clock
- Trend
- Options
- Visual editor
- Colour bands
Help