pubnub eon realtime dashboard framework
TRANSCRIPT
![Page 1: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/1.jpg)
![Page 2: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/2.jpg)
Who I amMy name is Ian JenningsI do product development, product
prototyping, and evangelismI work remotely from Austin TX
![Page 3: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/3.jpg)
![Page 4: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/4.jpg)
![Page 5: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/5.jpg)
![Page 6: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/6.jpg)
What is EON?
![Page 7: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/7.jpg)
Stephen’s Instructions1.Make a real time charting framework2.It has to be called EON
![Page 8: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/8.jpg)
Charts + MapsA framework to build dashboards
![Page 9: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/9.jpg)
![Page 10: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/10.jpg)
![Page 11: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/11.jpg)
Runs on the front end
![Page 12: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/12.jpg)
Dashboards for all devices
![Page 13: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/13.jpg)
Publish from any device
![Page 14: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/14.jpg)
Open Source
![Page 15: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/15.jpg)
Not just Hardware or IOTAnything that uses PubNub
![Page 16: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/16.jpg)
Who cares?
![Page 17: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/17.jpg)
EON makes PubNub “Real”
![Page 18: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/18.jpg)
![Page 19: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/19.jpg)
“The things are moving, you can see them”
- Stephen
![Page 20: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/20.jpg)
Applications
![Page 21: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/21.jpg)
Transportation
![Page 22: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/22.jpg)
![Page 23: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/23.jpg)
Distributed Systems
![Page 24: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/24.jpg)
Statistics Dashboards
![Page 25: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/25.jpg)
Connected Cars
![Page 26: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/26.jpg)
Internet of Things
![Page 27: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/27.jpg)
Fitness trackers
![Page 28: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/28.jpg)
Drones
![Page 29: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/29.jpg)
Our Customers
![Page 30: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/30.jpg)
Starts the conversation
![Page 31: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/31.jpg)
This is what realtime looks like
![Page 32: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/32.jpg)
1 in 4 customers inquired about charts or maps
![Page 33: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/33.jpg)
Why dashboards are important to our
customers.
![Page 34: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/34.jpg)
Data, data, dataWe’re collecting more data than ever.
![Page 35: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/35.jpg)
![Page 36: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/36.jpg)
Big DataBig data is a broad term for data sets so
large or complex that traditional data processing applications are inadequate.
![Page 37: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/37.jpg)
Dashboards provide a way to derive insight
from data.
![Page 38: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/38.jpg)
![Page 39: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/39.jpg)
Internet of Things
![Page 40: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/40.jpg)
![Page 41: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/41.jpg)
![Page 42: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/42.jpg)
Every connected device needs a partner app.
(which is just a dashboard)
![Page 43: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/43.jpg)
![Page 44: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/44.jpg)
Product Position
![Page 45: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/45.jpg)
![Page 46: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/46.jpg)
![Page 47: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/47.jpg)
![Page 48: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/48.jpg)
![Page 49: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/49.jpg)
![Page 50: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/50.jpg)
Other solutions only offer animation
They are not “internet connected.”Customer must wire it up themselves.
![Page 51: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/51.jpg)
We do everything for you.Only worry about getting data “off the
device.”
![Page 52: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/52.jpg)
Only product to bundle service and framework
![Page 53: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/53.jpg)
+
![Page 54: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/54.jpg)
How to get started
![Page 55: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/55.jpg)
EON Product Pagepubnub.com/developers/eon/
![Page 56: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/56.jpg)
![Page 57: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/57.jpg)
Creating A Chart
![Page 58: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/58.jpg)
EON ChartBased on C3.js, which is based on D3.js
![Page 59: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/59.jpg)
Why D3 Mattersmodern way to render charts in browsersupports svgruns on all browsers (and mobile)hardware acceleratedmost popular open source library
![Page 60: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/60.jpg)
eon-chart.js
pubnub.jsc3.js
d3.js
![Page 61: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/61.jpg)
![Page 62: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/62.jpg)
![Page 63: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/63.jpg)
![Page 64: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/64.jpg)
![Page 65: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/65.jpg)
Advanced Chart Config
![Page 66: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/66.jpg)
![Page 67: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/67.jpg)
![Page 68: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/68.jpg)
![Page 69: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/69.jpg)
Creating a Map
![Page 70: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/70.jpg)
EON MapsBased on Mapbox, which is based on leaflet.js
![Page 71: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/71.jpg)
eon-map.js
pubnub.jsMapBox.js
leaflet.js
![Page 72: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/72.jpg)
![Page 73: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/73.jpg)
![Page 74: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/74.jpg)
![Page 75: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/75.jpg)
![Page 76: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/76.jpg)
Advanced Map Config
![Page 77: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/77.jpg)
![Page 78: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/78.jpg)
![Page 79: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/79.jpg)
![Page 80: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/80.jpg)
ExamplesMore ways to get started
![Page 81: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/81.jpg)
![Page 82: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/82.jpg)
![Page 83: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/83.jpg)
Drone Example
![Page 84: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/84.jpg)
Java Monitor
![Page 85: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/85.jpg)
SFO Flight Tracker
![Page 86: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/86.jpg)
Smart Bike Tracker
![Page 87: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/87.jpg)
Distributed System Example
![Page 88: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/88.jpg)
EON BuilderThe New Hotness
![Page 89: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/89.jpg)
![Page 90: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/90.jpg)
![Page 91: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/91.jpg)
![Page 92: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/92.jpg)
More VideosGet the popcorn
![Page 93: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/93.jpg)
![Page 95: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/95.jpg)
![Page 97: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/97.jpg)
![Page 99: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/99.jpg)
![Page 101: PubNub EON Realtime Dashboard Framework](https://reader036.vdocuments.site/reader036/viewer/2022062822/588063921a28ab0b098b60c1/html5/thumbnails/101.jpg)