ESPHome can now display graphs

Disclosure: This post contains affiliate links. If you click through and make a purchase, I’ll earn a commission, at no additional cost to you. Read my full disclosure here.

The upcoming release of ESPHome 2021.10.0 adds a major new feature for displays to the already feature-packed tool: graphs. These can be used on any compatible display, and lines can easily be differentiated using colours. This functionality finally allows us to not only display the current state of a sensor on an ESPHome node, but also historical data alongside it.

A graph on an e-paper display controlled by ESPHome (source)
A graph with two lines on a colour display controlled by ESPHome (source)

The new graphing function isn't a half-baked early release, but already offers a host of customization options. If you want inspiration for your next ESPHome project featuring a display, I have featured numerous examples in the past. These types of projects will, of course, become all the more interesting with this release.

ESPHome graph customization

As we have come to expect, ESPHome will offer numerous ways of customizing each graph. These include basic settings such as the height, width, and graph history duration. Additional options allow you to enable or disable the border, create an x- and y-grid, and set the maximum and minimum values for each axis. Using traces, multiple sensors can be displayed in the graph. These can be differentiated by the line type (solid, dashed, or dotted), line thickness, and line colour.

Leave a comment

Share to...