Craft IoT Data Visualizations with Ubidots
Tags: iot, ubidots, dataviz
Published: 2021-02-24 02:16:35

---
title: Craft IoT Data Visualizations with Ubidots
published: true
description: Build engaging IoT dashboards with Blues Wireless and Ubidots.
tags: iot, ubidots, dataviz
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o48d0kiq6imaxhpquzfq.png
---

To say IoT device deployments of every shape and size are booming is a bit of an understatement. Want some hard numbers? [IDC is predicting](https://www.idc.com/getdoc.jsp?containerId=prAP46737220) more than 55 *billion* devices will be deployed in the field by 2025. And the data associated with said devices? How does 73 *zettabytes* (that's 80,000,000,000,000 GB) sound? 🤯

Collected data might be something minuscule: a single data point from a single sensor logged once per hour. On the other end of the spectrum consider environmental sensor data monitoring volatile compounds. Data from these sensors could be accumulated in millisecond timeframes, 24/7/365, to ensure stability.

One piece of the puzzle is the collection of this data in the cloud. Another piece is **deriving meaningful insights** from the data. The ability to create intuitive dashboards and data visualizations is paramount. This is where customizable solutions like [Ubidots](https://ubidots.com/) come into play.

In this article we'll take a high level look at routing data collected from a device to a dashboard with hardware and services from [Blues Wireless](https://blues.io/?utm_source=dev.to&utm_medium=blog&utm_campaign=awareness) and Ubidots.

## From Device to Cloud

It's no secret that pumping sensor data from your average IoT implementation to the cloud is no trivial task. Factor in remote deployments outside the range of WiFi and Bluetooth, and cellular is likely your best option. Why? It's secure, reliable, and ubiquitous (especially when even 2G is more than enough for transmitting sensor data).

Where am I going with this? Let me introduce you to the [Notecard](https://blues.io/products/?utm_source=dev.to&utm_medium=blog&utm_campaign=awareness) from Blues Wireless:

{% youtube kixNa2tLTLU %}

The Notecard is a developer-focused device-to-cloud data pump built to address key pain points experienced today with cellular IoT:

- It's developer-friendly. 🤗
- Pricing is predictable (and affordable, starting at $49 for 10 years and 500MB of data). 🤑
- Provisioning is automatic and security is baked-in. 🔐

For just a moment let's hone in on the "developer-friendly" aspect. Traditional cellular IoT platforms rely on using arcane AT command syntax, such as:

	AT+CSQ
	AT+CREG=1
	AT+CREG?
	AT+COPS=?

...OR do a 180 degree pivot and abstract the complexity away to such an extent that individual use cases are nearly impossible to implement.

How does the Notecard solve this? **JSON!**

All commands to and from the Notecard are pure JSON, opening the door to developers of all types. For example, should we want to send sensor data in an event (i.e. "note") from Notecard to the cloud, this is how it might be composed:

	{
	    "req":"note.add",
	    "body":{
	        "temp":35.5,
	        "humid":56.23
	    }
	}

A `req` is a request and the `body` of the request is an object containing temperature and humidity values.

> Curious to know more about the Notecard? Check out the [Blues Wireless developer portal](https://dev.blues.io/?utm_source=dev.to&utm_medium=blog&utm_campaign=awareness).

## From Cloud to Route

The beauty of Notecard lies not just in the cellular hardware and developer experience, but in its cloud-connected service: [Notehub](https://blues.io/services/?utm_source=dev.to&utm_medium=blog&utm_campaign=awareness).

![notehub dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2egntytmpdox22c5bqyy.png)

Notehub enables synchronization of data between the cloud and your Notecard devices. It's available as a SaaS platform at [notehub.io](https://notehub.io/?utm_source=dev.to&utm_medium=blog&utm_campaign=awareness), but is also [open-source](https://github.com/blues), allowing you to customize it for your needs.

There is a lot we *could* talk about with Notehub, such as:

- Cloud-initiated device firmware updates.
- Organizing IoT projects and teams.
- Managing fleets of IoT devices.

However, the key feature that enables us to utilize the data visualization capabilities of Ubidots are *Notehub routes*.

## From Route to Dashboard

Notehub routes allow you to pipe (and optionally transform) data to your cloud provider of choice. Are you already invested in AWS, Azure, or GCP? Or in the context of this article, IoT-optimized platforms like ThingSpeak, InitialState, or Ubidots? Notehub has you covered.

To route our data to Ubidots, we simply provide Notehub authentication credentials and an endpoint. Every time Notehub receives events from a Notecard, they will immediately be routed to Ubidots.

![notehub ubidots route](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6d5nmg6u49c6ksr7auea.png)

*What's Ubidots you ask?*

Ubidots is a cloud service which provides data collection, analysis, and visualization tooling for connected IoT projects.

<video width="700" autoplay="true" loop="true">
  <source src="https://ubidots.com/_nuxt/videos/out.70f9c29.mp4" type="video/mp4" />
</video>

With data streaming from a Notehub route to Ubidots, we're able to add visualizations to better understand what our devices are telling us.

The intuitive interface of Ubidots allows you to quickly add one of many pre-defined data visualization widgets.

![ubidots widgets](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ccsjx9qkthd5ikbg8ic9.png)

Case in point: I spent all of about three minutes creating a histogram to show the frequency of temperature ranges over a given time period along with a thermometer to show the most recent reading:

![ubidots demo dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hl6y7nrx804mviu20eoq.png)

## Next Steps

Adding engaging data visualizations for your IoT-generated data can make sense for more use cases than running an industrial sensor pulling in MBs of data every day. Even much smaller implementations can find value in these visual dashboards.

Take your next step with the Notecard and Ubidots by:

1. Reading over the [Ubidots routing tutorial](https://dev.blues.io/build/tutorials/route-tutorial/ubidots/?utm_source=dev.to&utm_medium=blog&utm_campaign=awareness) in the Blues Wireless developer portal.
2. Grabbing your own [Notecard Developer Kit](https://shop.blues.io/collections/development-kits?utm_source=dev.to&utm_medium=blog&utm_campaign=awareness) (and go through the tutorial for real!).
3. [Signing up with Ubidots](https://ubidots.com/) and creating some amazing dataviz dashboards.

> And if you've made it this far, we're happy to offer a discount code for your Notecard Developer Kit! [Just use this link](https://shop.blues.io/discount/5JM00D2M3SA2_BLOG?utm_source=dev.to&utm_medium=blog&utm_campaign=awareness) for 10% off.