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

Performance Based

Error Based
                      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,


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.

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

    Thank you so much

Leave a Reply

%d bloggers like this: