PubNub EON Realtime Dashboard Framework

Post on 19-Jan-2017

1,448 views 1 download

transcript

Who I amMy name is Ian JenningsI do product development, product

prototyping, and evangelismI work remotely from Austin TX

What is EON?

Stephen’s Instructions1.Make a real time charting framework2.It has to be called EON

Charts + MapsA framework to build dashboards

Runs on the front end

Dashboards for all devices

Publish from any device

Open Source

Not just Hardware or IOTAnything that uses PubNub

Who cares?

EON makes PubNub “Real”

“The things are moving, you can see them”

- Stephen

Applications

Transportation

Distributed Systems

Statistics Dashboards

Connected Cars

Internet of Things

Fitness trackers

Drones

Our Customers

Starts the conversation

This is what realtime looks like

1 in 4 customers inquired about charts or maps

Why dashboards are important to our

customers.

Data, data, dataWe’re collecting more data than ever.

Big DataBig data is a broad term for data sets so

large or complex that traditional data processing applications are inadequate.

Dashboards provide a way to derive insight

from data.

Internet of Things

Every connected device needs a partner app.

(which is just a dashboard)

Product Position

Other solutions only offer animation

They are not “internet connected.”Customer must wire it up themselves.

We do everything for you.Only worry about getting data “off the

device.”

Only product to bundle service and framework

+

How to get started

EON Product Pagepubnub.com/developers/eon/

Creating A Chart

EON ChartBased on C3.js, which is based on D3.js

Why D3 Mattersmodern way to render charts in browsersupports svgruns on all browsers (and mobile)hardware acceleratedmost popular open source library

eon-chart.js

pubnub.jsc3.js

d3.js

Advanced Chart Config

Creating a Map

EON MapsBased on Mapbox, which is based on leaflet.js

eon-map.js

pubnub.jsMapBox.js

leaflet.js

Advanced Map Config

ExamplesMore ways to get started

Drone Example

Java Monitor

SFO Flight Tracker

Smart Bike Tracker

Distributed System Example

EON BuilderThe New Hotness

More VideosGet the popcorn

https://vimeo.com/138810065

https://vimeo.com/134363392

https://vimeo.com/127209574

https://vimeo.com/129262632

https://vimeo.com/129155881