|
|
ng-info-chart: The Visualization Component Based on Customized HTML Tags |
Chen Ting1(),Wang Xiaomei1,Lv Weimin1,2 |
1National Science Library, Chinese Academy of Sciences, Beijing 100190, China 2University of Chinese Academy of Sciences, Beijing 100049, China |
|
|
Abstract [Objective] This research designs and implements the ng-info-chart, a front end visualisation component based on the MVC framework AngularJS. [Context] A good information analysis system requires multiple complex visualzation charts to present the results. Therefore, we need to create an advanced interactive Web-based visualzation charts for the new systems. [Methods] We intergrated visualzation charts with the ng-info-chart and the AngularJS Directive packages. The new component could call the charts Directive directly using a customized HTML tag. [Results] The ng-info-chart visualisation component has intergrated 5 third-party visualisation libraries of 11 types of visual charts. It supports IE9+, Firefox and other popular Web browsers. [Conclusions] The new visualisation component implements data asynchronization, automatic detection of data change, and real-time online visualzation. It also simpilfies the complex visualzation tasks for the information analysis system.
|
Received: 18 February 2016
Published: 18 July 2016
|
[1] | Chen C. CiteSpace: Visualizing Patterns and Trends in Scientific Literature [CP/OL]. [2015-08-10] . | [2] | Batagelj V, Mrvar A.Pajek——Analysis and Visualization of Large Networks[A] // Graph Drawing[M]. Springer-Verlag Berlin Heidelberg, 2004:77-103. | [3] | Kirk A.Data Visualization: A Successful Design Process [M]. Packt Publishing, 2012. | [4] | La A.Language Trends on GitHub [EB/OL]. [2015-08-30].https://github.com/blog/2047-language-trends-on-github. | [5] | 赵越, 陈志伟, 蔡淑惠, 等. 大数据量科学计算数据的动态Web可视化[J]. 现代计算机, 2012(5): 3-6. | [5] | (Zhao Yue, Chen Zhiwei, Cai Shuhui, et al.Web Visualizing for Large Mount of Scientific Computing Data[J]. Modern Computer, 2012(5): 3-6.) | [6] | Darwin P B, Kozlowski P.AngularJS Web Application Development [M]. Packt Publishing, 2013. | [7] | Uri Shaked.AngularJS vs. Backbone.js vs. Ember.js [EB/OL]. [2015-08-01]. https://www.airpair.com/js/javascript-framework- comparison. | [8] | Jain N, Mangal P, Mehta D.AngularJS: A Modern MVC Framework in JavaScript[J]. Journal of Global Research in Computer Science, 2015, 5(12): 17-23. | [9] | Green B, Seshadri S.AngularJS[M]. O’Reilly Media Inc., 2013. | [10] | Lerner A.Ng-book: The Complete Book on AngularJS[M]. Fullstack.io, 2013. |
|
|
Viewed |
|
|
|
Full text
|
|
|
|
|
Abstract
|
|
|
|
|
Cited |
|
|
|
|
|
Shared |
|
|
|
|
|
Discussed |
|
|
|
|