| Nowadays it is the time of network,it occupies human’s life everywhere.The scale of the network continues to expand,carrying more and more information,more and more complex structure.How to get useful information from complex network information and how to display the complex network structure clearly and intuitively has become an urgent problem to be solved.Network topology visualization technology emerges as the times require,and becomes an important research direction of complex networks,which has crucial research significance.The advantages and disadvantages and the application scope of the research of network topology layout algorithm are reviewed in this article.For the problem of node overlapping in the complex network topology,we propose the improvement scheme based on force directed layout algorithm,in which we add collision detection technology based on the operation with separating axis theorem to optimize the layout,so that we can reduce node overlapping in complex network.The complex network topology visualization in this article using Web front-end technology,to realize the network topology display interface,using HTML to build the page structure,rendering SVG to depict topology,using CSS to control the style of web page,using Javascript to interact with page,achieve beautiful interface,friendly operation,improve the topology rendering efficiency,compatible with all major browsers.We show the complex network topology structure through hierarchical display model,hierarchical display model and 3D stereoscopic display model.In the field of human-computer interaction,the system provides a good interactive performance,such as dynamic refresh,scaling and translation of the topology map,the device property operation,etc..The overall complex network topology visualization system designed in this paper is a system with friendly operation,stable performance,displaying clearly and could visualize between node structure,complex network of relationships and network node attribute information accurately,intuitively and clearly so that the user can clearly and intuitively understand the network running status. |