Real-­‐‑time  Data   Visualization  Dashboard   

Contents •  Brief introduction about the project •  Technologies Used •  Implementation 

Dashboard 

Real-­‐‑time  Applications •  Set Interval Technique The poll ready to execute after 30 seconds. •  Set Time out Technique Recursively self executing function. •  Ajax Polling Act of regularly retrieving data from the server to obtain near live data. •  Long Polling Keeps connection open for faster response time. Function to be called when request finishes (HTML5 WebSockets) 

Node.js •  Event-based and Asynchronous/Non-Blocking •  Single Thread and lock free •  Traditional Model – Thread-based system •  Fast food Restaurant Analogy •  Express Framework 

Angular.js •  Rich client apps •  Two-way Data Binding - Variable kept up to date as they change •  Server Communication •  Directives - Custom directives can be used to create reusable components 

Socket.io •  It abstracts away Websockets and other communication schemes •  Feature detection to decide if the connection will be established with WebSocket, AJAX long polling, Flash, etc., •  WebSocket servers and clients can push each other messages. 

Implementation •  Implemented a Service that reads data from HTTP interface. •  Implemented a Controller that calls the service and puts the data from service in a model. •  Implemented a view that renders the model in HTML page •  Transformed data and plotted graphs using Javascript libraries. (Angular Directives to plot graphs using) simple HTML tags) 

Thank  you Prashish Rajbhandari @prashishh