Dashboard Tile Builder

Dashboard Tile Builder

Giving users a way to create custom tiles

As devices captured data, users had an increased need to have a way to quickly create visualizations with their new data. Using an existing framework we initially created for conditional rules we established an easy flow to make dashboard tiles.

T
The first step to create a custom tile is choosing the chart type.

This example is showing a user creating a custom Floorview tile. The Floorview gave a floor plan users built custom to replicate their building’s floors. Once a floor plan was established metrics from devices on those floor could be captured and visualized.

image

The preview step for creating a custom tile was dynamic based on which tile type you chose. The Floorview tile worked as a heatmap or an area based integer count. Users could also choose the opacity of the 3rd party heatmap layer and how large the spread of the cells were.

The result was a responsive and interactive Dashboard that users could use to monitor for anomalies and interrogate in circumstances where devices were found to be acting faulty.

A
An example of a dashboard with a range of available metrics. This user was measuring metrics from kwh/hour to room utilization which is the full spectrum of what our devices could capture interacting with one another.

Conclusion

The implementation of the Dashboard tile builder was a huge success, the work we did laid the foundation to have what were called “Snapshots” added in a later implementation that gave templated summaries of each level of a customers hierarchy. This gave the user the ability to see energy consumption from a campus level all the way down to an individual device. Since the dashboard tiles were customizable the components could be used across all tiers. :)