In Data Analytics, Dashboards plays an important role to get meaning insights. In this post, we will see a custom live dashboard which is built on top of Websocket and C3.js (d3 based library). Of course, we have visualization tools like Kibana, Grafana, Zeppelins but this one is append only approach. It means instead of refreshing the whole report, only the new values will be appended to existing report.

                 I have used websockets to get data for the charts. C3.js is used to create different visualizations like pie, bar, donut, gauge, bar, area, line.


                Lets see some sample dashboards. Here we have different categories of dashboards, each will be giving different insights based on the selected time range.

Transactions Based

 
traffic
 
Performance Based
  performance

Error Based
error

 

                      There is one more category based on geo-visualization which is currently in progress. 

                      The above dashboards are updated with dummy data, integration with actual backend data is in progress. 

You can clone the project from the url, 
https://github.com/mdrilwan/dashboard

4 Comments

Lexi · January 16, 2018 at 1:52 pm

Looks very nice Rilwan..

    Mohamed Rilwan · June 14, 2018 at 6:06 am

    Thank you

Thermo Burn Max Review · June 13, 2018 at 11:36 am

Pretty! This has been an incredibly wonderful post.
Many thanks for providing this information. http://cm.aimsttp.org/cop/wiki/index.php/User:AntoinetteBaker

    Mohamed Rilwan · June 14, 2018 at 6:01 am

    Thank you so much

Leave a Reply

%d bloggers like this: