With the advancement of industrial 4.0 reform, it has gradually begun to move towards the era of using information technology to promote industrial reform, that is, the era of intelligence. With the trend of the times, industrial Internet and 5g network have gradually opened the curtain. Data is no longer a simple data information source. Data can be combined with some visual interfaces as carriers to show and feed back the changes of the world in real time. In many industries, we can achieve the maintenance effect of scene equipment through data control, such as the construction of smart parks and smart buildings, the monitoring of water systems, the construction of some public facilities, wind power generation, data center visualization systems, etc. through visual loading, we can display and maintain data.
HT for web not only independently developed a powerful 2D and 3D rendering engine based on HTML5, but also provided rich display effects for visualization. Today, we will use the web configuration on HT for web product of hightopo (hereinafter referred to as HT) to introduce the large screen data visualization system built through rich 2D configuration application and animation effect fusion.
The drawings on the interface adopt HT's unique design and use HT's responsive layout for typesetting. When the pictures are infinitely enlarged and reduced, they can still maintain consistent accuracy, can adapt to the screens with different resolutions and will not be blurred. They can not only achieve a perfect cross platform, but also have a self-evident effect on large screen display. The corresponding data nodes and animation nodes are bound to show the operation of the data visualization system by docking the data, and HT's animation function HT. Default. Startanim() is added to drive the data change and animation display effect.
Basic idea of data visualization: the basic idea of data visualization technology is to represent each data item in the database as a single primitive element, a large number of data sets form a data image, and represent each attribute value of the data in the form of multidimensional data. You can observe the data from different dimensions, so as to conduct more in-depth observation and analysis of the data.
Basic means of data visualization:
1. Data visualization is a scientific and technological research on the visual expression of data. Among them, the visual representation of this data is defined as a kind of information extracted in a summary form, including various attributes and variables of the corresponding information unit. It is an evolving concept, and its boundary is expanding. It mainly refers to the more advanced technical methods in technology, which allow the visual interpretation of data through expression, modeling and the display of three-dimensional, surface, attribute and animation by using graphics, image processing, computer vision and user interface. Compared with special technical methods such as stereo modeling, data visualization covers a wide range of technical methods.
2. Data visualization mainly aims to convey and communicate information clearly and effectively with the help of graphical means. However, this does not mean that data visualization must be boring to achieve its functional purpose, or extremely complex to look colorful. In order to effectively convey ideas and concepts, aesthetic forms and functions need to go hand in hand. By intuitively conveying key aspects and features, we can achieve in-depth insight into quite sparse and complex data sets. However, designers often can not well grasp the balance between design and function, so as to create a flashy form of data visualization, which can not achieve its main purpose, that is, to convey and communicate information.
3. Data visualization is closely related to information graphics, information visualization, scientific visualization and statistical graphics. At present, data visualization is a very active and key aspect in the field of research, teaching and development. The term "data visualization" realizes the unification of the mature field of scientific visualization and the younger field of information visualization.
HT has a complete and rich 2D configuration for users to build quickly. The display has a unique theme style design, which is not distorted under various proportions. Combined with the layout mechanism, it solves the display problem under different screen proportions. Through the loading of data docking, a complete solution of data visualization system can be built to meet the needs of data display in various industries.
1 Diversification of theme style
HT has a unique design style and a variety of themes to choose from. In general, it has not only a fresh and concise light color style, but also a cool and scientific dark color style. Combined with the user's project needs, it can create the user's unique design. In terms of animation interaction, HT's implementation is as brilliant as style design. Combined with the theme display in style, it integrates a set of data visualization large screen display suitable for various screens with distinct style subjects and comfortable animation interaction.
The realization of theme style is based on HT's unique drawing design mechanism. In the process of implementing the data visualization system, it can be applied to various screen resolutions. For example, in the process of system design, the drawings can be designed and the program code can be debugged and developed under the display of personal computer. When the development stage is completed, there is no need to worry about the distortion and ambiguity caused by the change of resolution in the layout and construction of the large screen on site or in the display of users, so that in the development and construction of the project, The user's use will be relatively much simpler. In addition, the development plug-in API developed by HT itself is also easy to use, which can solve the application of data visualization system in many industries.
The layout function has always been one of the important function points of the large data visualization screen. The comfortable layout interface can make people have a new feeling. If you have a responsive (adaptive) layout, you can take into account the screens with various proportions and sizes, and the overall layout will not be disordered due to the change of proportion. The layout function is not only applicable to the overall layout of the large screen, but also can be completed in the form of 2 / 3D fusion nesting on the left and right system data panels matched with the 3D scene data visualization system, and the responsive (adaptive) layout can also be used on the arrangement of the panels to fully display the carried data.
However, automatic layout is not a silver bullet. In complex situations, manual layout is still required, or necessary compromises are made in the business, and even special layout algorithms are written according to the business to achieve the best effect. HT itself has a set of layout mechanism suitable for various occasions, which can allow users to complete specific layout in some special layout effects.
3 Transition of animation effect
Different animations will add more interesting interactive experiences, and a comfortable panel interaction is inevitably inseparable from the implementation of animation. The same is true for excellent data visualization systems. Through the presentation of data carried on the panel, on the one hand, the change of data drives the animation interaction to be reflected, on the other hand, the animation interaction can also be expressed by relying on the user experience such as suspension, click and double click, so as to maximize the improvement of user vision and physical examination.
The implementation of animation effect can match our own needs and package the original animation function of HT, such as fade in and fade out, clipping, shaking, rotation and numerical jumping. We can work hard on the function packaging of animation. After setting the encapsulation of animation attribute values, we can encapsulate some animation effects and call the above setvalue() method to achieve many animation effects.
For example, by encapsulating a clipping animation function, we only need to pass in the animation node data, user-defined function easing and time duration to drive the clipping attribute clip.percentage to be called in the method of animation setting value, so as to complete the implementation of clipping animation. In other interactive animation, it also depends on the animation function of HT to encapsulate the corresponding interactive animation.
The purpose of animation is to make the changing data visually sensory and comfortable. The data loading is the most critical part of the data visualization system. The implementation of a solution is the embodiment of the management and maintenance of user data in a set of industries, so it is very important in the data docking part. The data loading of HT can adapt to the data docking schemes developed by all main streams now, without worrying too much about the problem of data docking, The data can be visualized and embedded into the soul only by accessing the system data through the data collected by the back-end platform.
In the era of big data, we have many data sets waiting for us to explore. Through a series of data analysis, we can understand the development trend of many events, which can not only bring better life experience, but also predict the direction of events through data. With the rapid development of the information age, data is an important information carrier today. You can understand the data visualization system under industrial control in an industry through data capture, supervision and maintenance.
With the accumulation of experience in many industries, as well as independent research and development and continuous improvement of products, HT has realized one set of exquisite data visualization solutions, such as the coolest design of heat exchange station - Web SCADA industrial configuration software interface, which is built with two different theme styles, Interested partners can learn about the classic cases of data visualization.
fqj
Bao’an District Shenzhen City, China
+86 189 3806 5764