Heating

Live Data Stream

Data

Heat Pump

[Wait for]
[30 sec to get]
[temperature]

Heat Pump

[Watts]
[kWh]

Tank

[temperature]
[temperature]
[temperature]

Room

[temp]
[temp]

Outdoor

[temperature]

Garage

[temp]

As a small part of The Internet of Things, here is my house publishing it's heating parameters..


How does it work?

An NXP microcontroller samples readings from several temperature sensors, and modifies the behaviour of my Hitach Yutaki heat pump. It also uploads the readings to websocket server.


Websockets

Websockets, implemented in HTML 5, allow for bi-directional, full duplex communications between a server and client over a single TCP socket. This allows data to be updated in real time to the graph quickly and simply without the need for polling or refreshing the page.


Canvas

The HTML 5 canvas element allows dynamic, scriptable rendering of 2D objects. This means that using jQuery, a graph can be easily drawn and updated in real time.