Design And Implementation Of Data Visualization System Based On B/S

With the rapid development of the Internet of Things,big data,cloud computing and other technologies,various industries have produced massive amounts of data.How to obtain effective information from the massive amounts of data and dig the hidden meaning behind the data has become a problem we need to face.Data visualization has become an important solution for analyzing and presenting the value and significance of data.Applications based on data visualization are also used widely.However,there are so many problems in traditional applications based on data visualization,such as static display,no capability of interactive,no real-time data transmission,and poor maintainability of the project.Aiming at the problems of current data visualization applications,this article designs and implements a data visualization system based on B/S architecture using data visualization technology.This system makes up for some shortcomings of the current data visualization system.The main work of this paper includes following several parts:1.Analyzed the data visualization based on B/S mode deeply,the concepts and advantages of B/S architecture are also introduced.We expounded the data format,drawing technology of data visualization,common data visualization tools and server-side push technology-WebSocket.2.Relying on the large healthy data set collected by the smart bracelet,and targeted at the problems existing in traditional data visualization applications,we analyzed the functional requirements and non-functional requirements of the data visualization system based on B/S architecture in this paper.Functional requirements include visual chart rendering,chart interaction,and anomaly detection,while non-functional requirements include system security,ease of use,and browser compatibility.3.In terms of system development,we encapsulated a total of more than a dozen view components in three major categories based on the view model and data flow model,by abstracting the general UI elements of the view page and the way of modifying the data.This way can guarantee browser compatibility,and improve the efficiency of development,reduces the difficulty of post-maintenance.4.Based on Gaussian probability distribution and modified K-means algorithms,we designed and implemented an anomaly data detection module,which can detect anomalous data from one-dimensional data and multidimensional health data.The result can provide a basis for professional medical personnel to judge the user's health status.5.Design and implement anomaly detection modules.Firstly,we describe the algorithm process and implement the algorithm,then we test the efficiency and accuracy of the algorithm.The result shows that the algorithm can achieve our goals.Finally,the anomaly detection results are displayed in browser through data visualization.6.A full-duplex data transmission mechanism based on WebSocket is designed,which can improve the efficiency of data transmission and realized the function that the server can push data to client.This paper completed the browser-side and server-side development of the entire visualization system,and the whole system was tested comprehensively.The test result shows that the visualization system achieves the expected function,the performance of system is excellent and it is secure,user-friendly and compatible too.