Background: a line drawing that dissolves into particles when touched and then reassembles.

Heating · Hot water · Rooms · Wednesday, 21 October

Tank at 52 °C,the sun is heating.

Hot water, circulation and rooms at a glance.

To the rooms

Hot water tank

Solar
  • Tank top52.4 °C
  • Hot water out51.8 °C
  • Circulation41.3 °C
  • Tank return36.5 °C
  • Solar flow–
  • Solar return–
  • Cold water in14.2 °C

Burner
off · heats to 47 °C
Reheat from
≤ 41 °C
Tank protection, circulation
< 38 °C

Circulation pump

Auto
Power
0 W
Plug · Wi-Fi
−81 dBm
Cycle
every 30 min · 9 min
000306091215182124

Solar mode: tank ≥ 50 °C or solar charging → 06:00–22:00 every 30 min.

Heating circuit

BSB-LAN
Outdoor 15030
9.4 °C
Flow 15032
38.6 °C
Return
31.2 °C
Burner modulation
0 %

The year in warmth.

Daily values for the last 12 months
Use in VIS 2 · Heating, hot water, rooms

Widget → Datapoint

WidgetDatapointNote
Tank, solar, circulationalias.0.Heizung.*Source: ESPHome esphome.1.A4C1385E92D7 and BSB-LAN
Outdoor, flowmqtt.0.BSB-LAN.*15030 Outdoor · 15032 Flow · 15021 Tank
Circulation pumpshelly.0.SHPLG-S#068CC2#1.Relay0.Switch.Power for the power reading
Leo, Mia, Officefritzdect.0.DECT_*.tist actual · .tsoll target · .battery
Underfloor heating GFalpha2.0.HEATAREA.<n>Living room 1 · Kitchen 2 · Grandpa’s kitchen 4 · Grandpa’s living room 5 (T_ACTUAL, T_TARGET)

Project CSS

Same project CSS as in the Home view, plus the pump impeller. Bind the class gh-spin to the pump’s switching state.

/* Impeller only spins while the pump is running */ .gh-spin svg{animation:gh-spin 1.4s linear infinite} @keyframes gh-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){ .gh-spin svg{animation:none!important} }

Example CSS class: gh-spin {v:shelly.0.SHPLG-S#068CC2#1.Relay0.Switch; v ? 'gh-spin' : ''}