Design And Implementation Of Dynamic Topology Visualization System Based On SVG

The popularity of computer and rapid development of the Internet prompt the information network more and more complicated,which leads to the difficulty of perceiving and analyzing on network topology,mainly reflected in the complexity of the data,the complexity of the relations between nodes,and the complexity of the node controlling.In addition,the network topology is a dynamic component,the state of the topology,the nodes composed of topology and the relations between nodes are always changing.With these factors,it would significantly reduce the efficiency of the perceiving and analyzing on network topological.In order to solve this problem,this paper proposes a design and implementation of dynamic topology visualization system based on SVG.According to the problem caused by difficulties of analyzing?maintenance and controlling due to dynamics and complexity of network topology.The Research has been done systematically,and did some physical exploration,including the topology data organization?data transmission?research of dynamic data mechanism,design and optimization of rendering algorithm and communication mechanism,etc.Specific work content is as follows:1.Proposed a dynamic topology visualization scheme,the abstract connection topology and node information are displayed in the form of interface.It provides a variety of view corresponding topological data of multiple dimensions of the display,provides interactive function which is rely on the data server,simplify network topology data analysis and management.2.Presents an inter-page communication mechanism based on WebSocket subscription / distribution mode,use page id and the backend server routing mechanism to realize the communication in local host or the communication between multi-host for action synchronizing between view pages of multi-dimension topology situation.3.Designed a optimized SVG animation rendering algorithm based on frame synchronization refreshment,which improves the rendering performance by merging the animation?callback function.Compared with the original rendering algorithm,the rendering efficiency and stability are improved,and hundreds of animations are supported simultaneously.4.Designed a stable and reliable dynamic updating mechanism of the topological data,which can effectively identify the common nodes in the forest and merge them.The failure node can turn the state to offline and removed the relations of topology dynamicly.which can generate a dynamic relations and animation for the assignment relationship between nodes,and the operation.5.A new structure of graph data structure is designed,which solves the problem of infinite recursion of JSON data analysis caused by the data loop and simplified the data storage complexities,improved the efficiency of data transition.After the test,the dynamic topology situation system can capture the node relation?connection relation?assignment relation and other elements information of dynamic network topology,which has the feature of real-time,high accuracy,comprehensive analysis of the characteristics of dimension and easy operation.It solved the problem of the high degree of abstraction of network topology data and the difficulty of analysis and control.The topology awareness and analysis efficiency are greatly improved.