Skip to content

Instantly share code, notes, and snippets.

@ToeJamson

ToeJamson/1.js

Last active October 18, 2017 22:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save ToeJamson/92e22f0419b39707844c to your computer and use it in GitHub Desktop.
Save ToeJamson/92e22f0419b39707844c to your computer and use it in GitHub Desktop.
Download ZIP
Streaming Sensor Readings to a Realtime Gauge Chart
Raw
1.js
var five = require("johnny-five");
var board = new five.Board();
var pubnub = require("pubnub")({
ssl : true, // <- enable TLS Tunneling over TCP
publish_key : "pubnub_publish_key",
subscribe_key : "pubnub_subscribe_key",
no_wait_for_pending : true
});
Raw
2.js
board.on("ready", function() {
var sensor = new five.Sensor({
pin: "A0",
freq: 1000
});
});
Raw
3.js
sensor.scale([0, 10]).on("data", function() {
reading = this.value.toFixed(2);
console.log(reading);
pubnub.publish({
channel : 'pubnub-eon-iot',
message : {
columns:[
['data', reading]
]
}
});
});
Raw
4.js
var five = require("johnny-five");
var board = new five.Board();
var pubnub = require("pubnub")({
ssl : true,
publish_key : "demo",
subscribe_key : "demo",
no_wait_for_pending : true
});
var reading, message;
board.on("ready", function() {
var sensor = new five.Sensor({
pin: "A0",
freq: 1000
});
sensor.scale([0, 10]).on("data", function() {
reading = this.value.toFixed(2);
console.log(reading);
pubnub.publish({
channel : 'pubnub-eon-iot',
message : {
columns:[
['data', reading]
]
}
});
});
});
Raw
5.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="http://pubnub.github.io/eon/lib/eon.js"></script>
<link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/lib/eon.css" />
</head>
<body>
<div id="gauge"></div>
</body>
<script>
eon.chart({
channel: "pubnub-eon-iot",
generate: {
bindto: '#gauge',
data: {
type: 'gauge'
},
gauge: {
min: 0,
max: 10
},
color: {
pattern: ['#FF0000', '#F6C600', '#60B044'],
threshold: {
values: [3, 6, 9]
}
}
}
});
</script>
</html>
Raw
6.html
<script type="text/javascript" src="http://pubnub.github.io/eon/lib/eon.js"></script>
<link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/lib/eon.css" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment