Computer Science

Computer Science ›› 2021, Vol. 48 ›› Issue (3): 119-123.doi: 10.11896/jsjkx.200600038

• Database & Big Data & Data Science • Previous Articles     Next Articles

Web-based Data Visualization Chart Rendering Optimization Method

E Hai-hong, ZHANG Tian-yu, SONG Mei-na   

  1. School of Computing,Beijing University of Posts and Telecommunications,Beijing 100876,China
  • Received:2020-06-04 Revised:2020-08-15 Online:2021-03-15 Published:2021-03-05
  • About author:E Hai-hong,born in 1982,Ph.D,asso-ciate professor,is a member of China Computer Federation.Her main research interests include big data platform,cloud computing and microservice architecture.
    ZHANG Tian-yu,born in 1996,postgraduate.Her main research interests include big data platform and data visua-lization.
  • Supported by:
    National Key R&D Program of China (2018YFB1403501).

PDF (PC)

1517

Abstract: In data visualization scenario,as load-bearing body of data visualization,the web page’s performance directly affects the loading speed and rendering effect of the visualization chart.At present,the optimization method based on web technology cannot reduce the pressure of network data transmission caused by charts obtaining large-scale complex data for rendering and redra-wing.In view of the above problems,a web-based data visualization chart rendering method is proposed.Firstly,it combines the caching mechanism and the incremental update algorithm,and deeply optimizes the HTTP request response body from the aspects of chart style and its interactive configuration information and chart binding data.Then,by reducing the size of the HTTP request response body,it reduces the amount of network data transmission and shortens the download time of data resources by reducing the size of the HTTP request response body,thereby improving the chart loading speed and shortening the page rendering time.Finally,a full comparison experiment is carried out for this method.Experimental results show that the total HTTP response time of a single chart is shortened from 75 ms to 28 ms,and the total rendering time of multiple charts displayed on web pages is shortened from 1546 ms to 1 337 ms,thus the effectiveness of this method is verified.

Key words: Chart rendering optimization, Data visualization, HTTP response, Incremental update, Web performance optimization, Web Storage

CLC Number: 

  • TP302
[1]BIKAKIS N.Big Data Visualization Tools[C/OL]//Encyclopedia of Big Data Technologies.Springer,Cham.https://doi.org/10.1007/978-3-319-77525-8_109.
[2]REN Y G,YU G.Researeh and Development of the Data Visua-lization Techniques[J].Computer Science,2004(12):92-96.
[3]LI Y,MA J M,AN B,et al.Web Based Lightweight Tool for Big Data Procesing and Visualization[J].Computer Science,2018,45(9):60-64,93.
[4]DOLATABADI A D,NOURI H.Optimized Web Based Method for 2D-Visualization of 3D Medical Images[C]//World Congress on Engineering.2014:551-556.
[5]SECHLER J,HARRISON L,PECK E M,et al.SightLine:Building on the Web’s Visualization Ecosystem[C]//Human Factors in Computing Systems.2017:2049-2055.
[6]BAE P,LIM K,JUNG W,et al.Practical implementation of M4 for web visualization service[J].Journal of Communications and Networks,2017,19(4):384-391.
[7]REBELO J,ANDRADE C,COSTA C,et al.An immersive web visualization platform for a big data context in bosch’s industry 4.0 movement[C]//Information Systems-16th European,Mediterranean,and Middle Eastern Conference.2020:71-84.
[8]CAO B,SHI M,LI C,et al.The solution of web font-end performance optimization[C]//International Congress on Image and Signal Processing.2017:1-5.
[9]SHUANG K,ZHANG T,DONG Z,et al.Impact of HTTPPipelining Mechanism for Web Browsing Optimization[C]//IEEEInternational Conference on Mobile Services.2015:415-422.
[10]SAKAMOTO Y,MATSUMOTO S,TOKUNAGA S,et al.Empirical study on effects of script minification and HTTP compression for traffic reduction[C]//International Conference on Digital Information,Networking,and Wireless Communications.2015:127-132.
[11]WOLSING K,RUTH J,WEHRLE K,et al.A performanceperspective on web optimized protocol stacks:TCP+TLS+HTTP/2 vs.QUIC[J].arXiv:Networking and Internet Architecture,2019:1-7.
[12]LI M Z,CHEN J,WANG J L,et al.HTTP Chunked StreamConcurrence Analysis Based on State Machine [J].Computer Science,2018,45(9):60-64,93.
[13]SONG M N,WANG N,E H H.Research on Optimization Algorithms for HTTP Maximum Concurrent Connection Restriction[C]//2018 International Conference on Information Systems and Computer Aided Education (ICISCAE).2018.
[14]XU Z W,WANG Y.Research and Experiment on Relationship between New Features of HTTP/2 and Web Performance [J].Computer Technology and Development,2017,27(11):192-195.
[15]CHEN L B.Research on Performance Optimization Method of Web Application System Based on J2EE [J].Computer Science,2006(7):95-97.
[16]LI D Q,MEI H H,SHEN Y,et al.ECharts:A declarativeframework for rapid construction of web-based visualization[J].Visual Informatics,2018,2(2):136-146.
[17]ILIEV I,DIMITROV G P.Front end optimization methods and their effect[C]//2014 37th International Convention on Information and Communication Technology,Electronics and Micro-electronics(MIPRO).IEEE,2014:467-473.
[18]WANG P P,WEI Z Q,LI Z.Front-end Website Performance Optimization Based on Web Storage in Html5[C]//Software Engineering and Information Technology.2016:36-40.
[19]SHEN D.Research on the Optimization Technology of theFont-End Performance of Web System Based on Bootstrap [D].Beijing:Beijing University of Posts and Telecommunications,2016.
[20]COSTAS S,ILIOPOULOS M,SOHEL R.Algorithms for Computing Variants of the Longest Common Subsequence Problem[J].Theoretical Computer Science,2008,395(2):255-267.
[21]ZHENG Z J,WANG H,YU C.Two Algorithms to Solve Longest Circular Common Subsequence P-roblems [J/OL].Application Research of Computers:1-5.[2020-05-23].https://doi.org/10.19734/j.issn.1001-3695.2019.06.0258.
[1] CHEN Hui-pin, WANG Kun, YANG Heng, ZHENG Zhi-jie. Visual Analysis of Multiple Probability Features of Bluetongue Virus Genome Sequence [J]. Computer Science, 2022, 49(6A): 27-31.
[2] LUO Jing-jing, TANG Wei-zhen, DING Ji-ting. Research of ATC Simulator Training Values Independence Based on Pearson Correlation Coefficient and Study of Data Visualization Based on Factor Analysis [J]. Computer Science, 2021, 48(6A): 623-628.
[3] MA Meng-yu, WU Ye, CHEN Luo, WU Jiang-jiang, LI Jun, JING Ning. Display-oriented Data Visualization Technique for Large-scale Geographic Vector Data [J]. Computer Science, 2020, 47(9): 117-122.
[4] WANG Yang, LI Peng, JI Yi-mu, FAN Wei-bei, ZHANG Yu-jie, WANG Ru-chuan, CHEN Guo-liang. High Performance Computing and Astronomical Data:A Survey [J]. Computer Science, 2020, 47(1): 1-6.
[5] ZHENG Hong-bo, WU Bin, XU Fei, ZHANG Mei-yu, QIN Xu-jia. Visualization of Solid Waste Incineration Exhaust Emissions Based on Gaussian Diffusion Model [J]. Computer Science, 2019, 46(6A): 527-531.
[6] LI Yan, MA Jun-ming, AN Bo, CAO Dong-gang. Web Based Lightweight Tool for Big Data Processing and Visualization [J]. Computer Science, 2018, 45(9): 60-64.
[7] LI Hui, CHEN Hong-qian, DONG Shuang and MA Li-yi. Double Sunburst Matrix Visualization to Overview Majors Distributary Data [J]. Computer Science, 2017, 44(Z6): 455-458.
[8] TANG Ying, ZHONG Nan-jiang, SUN Kang-gao, QIN Da-kang and ZHOU Wei-hua. Clustering and Visualization of Social Network Based on User Interests [J]. Computer Science, 2017, 44(Z11): 385-390.
[9] SHI Xiu-jin and HU Yan-ling. Privacy Preserving Based on Taxonomy Tree for Dynamic Set-valued Data Publishing [J]. Computer Science, 2017, 44(5): 120-124.
[10] GAO Ya-zhuo,NI Zhi-we,GUO Jun-feng,HU Tang-lei. Research on Interest-driven Iceberg Cube Construction and Incremental Update Method [J]. Computer Science, 2009, 36(12): 179-182.
[11] SUN Yang, FENG Xiao-sheng ,TANG Jiu-yang, XIAO Wei-dong （School of Information System and Management, NUDT, Changsha 410073, China）. [J]. Computer Science, 2008, 35(11): 1-7.
[12] YANG Jin-cai, XU Pei-hua, GONG Song, HU Jin-zhu （Department of Computer, Center of China Normal University,Wuhan 430079,China）. [J]. Computer Science, 2008, 35(11): 192-194.
[13] . [J]. Computer Science, 2005, 32(11): 88-90.
Viewed
Full text


Abstract

Cited
  Shared   
  Discussed   
No Suggested Reading articles found!
渝ICP备16013121号-4
Add:18# Honghu West Rd., Yubei ,Chongqing,China    Post Code: 401121
Tel: 023-63500828/023-67039612/023-67039623
E-mail: jsjkx12@163.com
Powered by Beijing Magtech Co., Ltd.