Please wait a minute...
New Technology of Library and Information Service  2016, Vol. 32 Issue (6): 88-95    DOI: 10.11925/infotech.1003-3513.2016.06.11
Orginal Article Current Issue | Archive | Adv Search |
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
Export: BibTeX | EndNote (RIS)      

[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.

Key wordsVisualization      Front end MVC      Direrctive     
Received: 18 February 2016      Published: 18 July 2016

Cite this article:

Chen Ting,Wang Xiaomei,Lv Weimin. ng-info-chart: The Visualization Component Based on Customized HTML Tags. New Technology of Library and Information Service, 2016, 32(6): 88-95.

URL:     OR

[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].
[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]. 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]., 2013.
[1] Chen Ting,Wang Haiming,Wang Xiaomei. Detecting Funding Topics Evolutions with Visualization[J]. 数据分析与知识发现, 2020, 4(2/3): 60-67.
[2] Haici Yang,Jun Wang. Visualizing Knowledge Graph of Academic Inheritance in Song Dynasty[J]. 数据分析与知识发现, 2019, 3(6): 109-116.
[3] Yanan Yang,Wenhui Zhao,Jian Zhang,Shen Tan,Beibei Zhang. Visualizing Policy Texts Based on Multi-View Collaboration[J]. 数据分析与知识发现, 2019, 3(6): 30-41.
[4] Jiang Wu,Guanjun Liu,Xian Hu. An Overview of Online Medical and Health Research: Hot Topics, Theme Evolution and Research Content[J]. 数据分析与知识发现, 2019, 3(4): 2-12.
[5] Zhiqiang Wu,Zhongming Zhu,Wei Liu,Sili Wang. Research and Practice on the Extension of Knowledge Analysis and Visualization Function in CSpace[J]. 数据分析与知识发现, 2019, 3(3): 112-119.
[6] Chen Ting,Li Guopeng,Wang Xiaomei. Visualizing Appropriation of Research Funding with t-SNE Algorithm[J]. 数据分析与知识发现, 2018, 2(8): 1-9.
[7] Yang Sinan,Xu Jian,Ye Pingping. Review of Online Sentiment Visualization Techniques[J]. 数据分析与知识发现, 2018, 2(5): 77-87.
[8] Wang Li,Zou Lixue,Liu Xiwen. Visualizing Document Correlation Based on LDA Model[J]. 数据分析与知识发现, 2018, 2(3): 98-106.
[9] Xie Xiufang,Zhang Xiaolin. Integrated Analysis and Visualization of Sci-Tech Roadmaps: Case Study of Renewable Energy[J]. 数据分析与知识发现, 2017, 1(1): 16-25.
[10] Li Jinhua,An Zhongjie. Analyzing Geographical Coordinates Data for Micro-blog Trending Events[J]. 现代图书情报技术, 2016, 32(2): 90-101.
[11] Lixin Xia,Ying Tan. Analysis and Visualization of the LOD Network Structure[J]. 现代图书情报技术, 2016, 32(1): 65-72.
[12] Peng Hao, Xu Jian, Xiao Zhuo. Sentiment Analysis of Web Reviews Based on Comparative Sentence Extraction[J]. 现代图书情报技术, 2015, 31(12): 48-56.
[13] Zheng Yangyang, Xu Jian, Xiao Zhuo. Utilization of Sentiment Analysis and Visualization in Online Video Bullet-screen Comments[J]. 现代图书情报技术, 2015, 31(11): 82-90.
[14] Xie Xiaqing, Wu Xu. Application of Visualization Technology for “Classic Reading” Platform[J]. 现代图书情报技术, 2015, 31(11): 96-103.
[15] Zhang Yun, Hua Weina, Yuan Shunbo, Su Baoduo. Research on the Themes Dynamic Evolutions of the Patent Analysis Papers from WoS Database[J]. 现代图书情报技术, 2015, 31(1): 17-23.
  Copyright © 2016 Data Analysis and Knowledge Discovery   Tel/Fax:(010)82626611-6626,82624938