Building Custom Dashboards

This is a continuation from this discussion about accessing data: Accessing Data in an Unsecured Manner

From the moment I got data to push to the “cloud” I’ve been wanting to visualize how many events happen at x number of minutes. My first project uses the IR motion detector to see how many times movement occurs within the 5 minute interval that the BoltIOT device takes to send data. This project uses the Arduino shield so that it can store the number of events. When the Bolt successfully reads the data the counter is reset back to 0 so that it will count again for the next cycle.

I’ve been a software engineer my entire professional career. Specifically, I’ve been a web application developer. I find the default charts by Google to be very wanting. On my projects I’ve used many charting frameworks but have always enjoyed AMCharts.

To achieve the result I wanted I needed to get at the data that the current “JS” version of chart visualization uses. After reverse engineering the REST requests I was able to whip up an AngularJS 1.6 application. This application is a quick re-imagining of what a dashboard could look like.

Here’s a Plunkr with demo code.

UPDATE:

I renamed the title to be a bit more inline with the topic I’ve written about.

1 Like

Hi @mikejr83,

I think this link https://www.hackster.io/rahulkumarsingh/plotting-graph-on-bolt-data-61714f is also helpful to the users who want to plot the graph of sensor data on their own server. I am using the flask, https://plot.ly/javascript/ and Bolt Cloud API.