Research And Implementation Of Web-based Big Screen Data Visualization System

With the vigorous development of Internet applications,we are ushering in the era of big data.More and more people are analyzing and understanding data through visualization technology to mine the value of data.Compared with traditional static charts,today's data visualization presents data in a more vivid,friendly,and intuitive manner,making the data more objective and easier to understand.Data visualization can be applied to text data,numerical data,multi-dimensional data,etc.Large-screen visualization is used in meteorological fields,power systems,water management,geographic information analysis,etc.,so that more people can see the charm of data visualization.However,the current problems with large-screen visualization applications include(1)customized large-screen applications.Users can only create large-screen applications based on customized large-screen templates,and lack support for componentized layout of large-screen applications;the visualization system has a single chart component,Configurable items are monotonous,and support for custom components and geographic components is not enough;(2)The operation is cumbersome,from the process of data uploading,generating cache maps,selecting large-screen templates,making and editing large-screen templates,and finally generating visual applications;(3)When there is a large amount of data and a large amount of chart components in the large screen,the large screen visualization renders slowly on the browser side.In view of the above problems,this article focuses on the research and analysis of visualization technology and large-screen visualization system.The main research contents are:(1)Defines the method of constructing a large screen with a component layout,enriches the large screen components,and has a variety of configurable items,including static configuration and animation,without coding,and freely lays out in the large screen by dragging;(2)Designed and implemented a cache-based large screen page rendering mechanism,based on Web cache,and loaded in batches to improve system performance and ensure system availability;(3)Designed and implemented a large-screen Web-based data visualization system.This article provides a one-stop visualization service from data source management,large-screen component management,and visual application management.Based on the B/S architecture,the front-end page is developed with Vue.js,the server is built with Node.js,and Koa2,ElementUI and other excellent frameworks are used for development during the system implementation.This article designs and implements a large-screen data visualization system based on the Web.Combining related technology research and application scenarios enables a convenient and flexible visualization application.It provides users with a component-based layout of large-screen construction methods.The system provides users in various industries with A big screen visualization service.