Design And Implementation Of Drag-and-Drop Data Visualization Tool

Because of the rapid development of computer technologies such as the Internet and cloud computing,manufacturing companies have produced massive data that surpassed any previous era in production,management,operation and maintenance.These companies are more and more interested in the value of data,and they are increasingly aware that using data visualization tools to present the data multi-dimensionally is important.However,traditional data visualization tools are too complex which own high professionalism,and these tools are not flexible enough for users.For users who do not have the knowledge related to data visualization,there will be limitations in use and the user experience will be affected.This article designs and implements a drag-and-drop data visualization tool for the above problems.This tool only requires users to quickly complete a series of data visualization processes,ranging from connecting data sources,parsing and transforming data,configuring the data and style of visualization charts,personalizing layouts of dashboards to sharing data visualization results.The main work of this paper is the following modules:(1)Demand analysis.This article reviews the existing data visualization tools and data visualization methods,analyzes and standardizes the business processes of the data visualization tools,and organizes the main functions supported by this tool.On that basis,the functional requirements of the tool are described through the Unified Modeling Language(UML).(2)System design and implementation.Based on the requirements analysis,the overall architecture diagram of the drag-and-drop data visualization tool is designed and the design ideas of the tool are hierarchically explained.The functional structure of the tool is designed through the functional decomposition diagram.Based on the implementation of the tool to select related technologies,it is clear that most of the implementation of the tool depends on the front-end according to the business scenario.So,the front-end design pattern can be implemented by the MVVM framework and its derived view model.It is determined that this tool is developed based on the Spring Boot and React framework,and the data visualization framework ECharts is used to solve the two key problems of chart packing and visual interaction in the project.The coding process of the tool is modeled by class diagrams,and the detailed implementation of each major function is described by sequence diagrams.The database is designed according to the functional demands of the system,including drawing a logical model and a physical model of the database,as well as explaining each database table in detail.(3)System test.After completing the work of system coding,the test environment is deployed and the test cases are designed.Detailed functional tests of each functional module and performance tests of the tool are performed to ensure that the tool can achieve flexible and configurable effects.After system testing and practical application,each function of this tool runs normally,and owns good performance,which achieves the design goals,and meets the demand of enterprises.It can easily complete complex data visualization processes through simple drag and drop operations,which can effectively improve user experience,enhance work efficiency,and reduce learning costs.