Envision.js is a simple cross browser compatible Javascript library with all the required CSS, Javascripts. We can easily create HTML5 pages and do real time data visualization. The importance of real time data visualization is increasing in all the fields today – from server monitoring to patient management – everywhere we need some good visualization library. Previously we talked about Epoch, which is free real-time visualization library which is very easy to use and provides excellent default templates because it uses d3.js. The approach of Envision.js is closer but definitely has difference on the usage part and need. A HTML5 webpage can simply be build to run on DropBox or Rackspace Cloud Files with Envision.js without any need of localhost build. In other words – the knowledge of Javascript is enough to create great visualization charts.
Real Time Data Visualization With Envision.js
Here is the source code of the library :
1 | https://github.com/HumbleSoftware/envisionjs |
Epoch demands minimum knowledge on the modern way of deployment. Envision.js needs nothing! A realtime graph can be seen here :
---
1 | http://www.humblesoftware.com/envision/demos/realtime |
To practically use on Rackspace Cloud Files, one need to follow our guide to create static website with Cloud Files. One frankly needs to download the repo as zip, unzip it and upload to Cloud File and set the container as Static Website. You can see the working demos uploaded by us on our Cloud Files container :
1 | https://13df62392037f85a9941-7f83f15ebbd47f967d31807673c97e86.ssl.cf2.rackcdn.com/demos/index.html |
There is practically nothing more to write except to ask you to read the official documentation of usage.
Tagged With envision js tutorial , html5 real time visualization