Visualization and interactive analysis methods, devices and electronic equipment for cloud computing network frameworks

Abstract

This invention discloses a visualization and interactive analysis method for cloud computing network frameworks, comprising the following steps: obtaining a cloud computing network framework containing multiple functional layers; constructing a corresponding graph database using functional layers as entities and the flow direction of data and instructions between functional layers as edges; managing different data types within the functional layers using a force-guided graph layout model to construct corresponding logical relationship trees, where data types are nodes and the service relationships between data types are directed edges; and in use, performing visualization processing based on the constructed graph database to output a corresponding topology view, wherein the content of the graph nodes in the topology view is visualized in the form of a logical relationship tree. This invention also provides a device and an electronic device. The method provided by this invention reduces data size while preserving information characteristics, accelerates system operation, and improves user analysis efficiency.

Description

Technical Field

[0001] This invention belongs to the technical field of cloud server construction, and in particular relates to a visualization and interactive analysis method, device and electronic device for cloud computing network framework. Background Technology

[0002] Cloud computing, by leveraging massive amounts of servers, applications, data, and other computing resources, has become a prevalent paradigm for solving complex computing challenges. Monitoring cloud computing systems is crucial for cloud providers to identify anomalies, analyze behavior, and optimize architecture for high availability and reliability. Because cloud systems consist of a wide variety of computing devices and physical connections, they are typically monitored using graph visualization analytics systems. These systems represent devices as nodes and the relationships between devices as edges. This node connection graph helps to provide a comprehensive overview and understanding of the architecture, examine device functionality and communication, and help identify areas of abnormality.

[0003] The academic paper "Context-aware sampling of large networks via graph representation learning [J]. IEEE Transactions on Visualization and Computer Graphics, 2020, 27(2): 1709-1719" discloses a novel blue noise sampling model. It evaluates the effectiveness of this sampling method in preserving contextual features from different perspectives, such as node importance, graph connectivity, and community changes. The paper integrates the sampling model, GRL, and visualization design of metrics, and provides a rich set of interactive functions, allowing users to intuitively evaluate different sampling strategies and easily explore structures of interest in large networks. Case studies and quantitative comparisons based on real-world datasets further demonstrate the effectiveness and practicality of the system. However, this method does not consider the hierarchical properties of different networks, only considering single-layer network structures, and cannot be applied to the analysis of multi-layer network structures. This technique ignores the connections and information between multi-layer networks, causing information loss and preventing users from effectively analyzing multi-layer network structures.

[0004] The academic paper "High-level constraints for graph layout [C] / / Computer GraphicsForum.2018,37(3):537-548" discloses a tool called "SetCoLa" for specifying high-level constraints for graph layout. This method allows users to specify layout requirements at a high level, deferring the generation of instance-level constraints to the underlying runtime system. Users determine node sets based on data or graph attributes and apply high-level constraints within each node set. Applying constraints to node sets instead of individual nodes reduces specification work and facilitates the reapplication of custom layouts in different graphs. This technique preserves all connections between multi-layer networks without sampling or filtering, resulting in a potentially large number of edges between multi-layer networks in the graph, creating visual obstacles for users and affecting their analysis and judgment using the system. Furthermore, not all of these edges are useful, thus introducing a large amount of redundant information into the system. Summary of the Invention

[0005] The purpose of this invention is to provide a visualization and interactive analysis method, device, and electronic device for cloud computing network frameworks. This method can effectively improve the operation and maintenance capabilities of cloud servers, reduce data scale while retaining information characteristics, speed up system operation, and improve user analysis efficiency.

[0006] To achieve the first objective of this invention, the following technical solution is provided: a visualization and interactive analysis method for cloud computing network frameworks, comprising the following steps:

[0007] Obtain a cloud computing network framework that includes multiple functional layers, namely a process layer, a microservice layer, and a cloud service layer;

[0008] A graph database is constructed using functional layers as entities and the flow direction of data and instructions between functional layers as edges.

[0009] For different data types in the functional layer, a force-guided graph layout model is used to manage and construct the corresponding logical relationship tree, where data types are nodes and the service relationships between data types are directed edges.

[0010] When in use, visualization processing is performed based on the constructed graph database to output the corresponding topological relationship view. The content of the graph nodes in the topological relationship view is visualized in the form of a logical relationship tree.

[0011] This invention adopts a "overview + detail" design concept, that is, the interface includes an overview view that shows the overall layout of the data in a macro dimension, and a detailed view that shows the content information of a certain level or node in a micro dimension, which transmits the internal information data of the cloud computing network node and the connection relationship data between nodes.

[0012] Specifically, the visualized relationship view is built using the React.js and D3.js frameworks, enabling visualization in web page views at different scales.

[0013] Specifically, the logical relationship tree is visually constructed using the React.js and React Flow frameworks.

[0014] Specifically, when using a force-guided graph layout model for management, the top character of each node is used as the node's ID.

[0015] Specifically, in the visualization process, the common parent node between nodes is used to combine the edges into bundles in the graph to extract the backbone structure of the network graph, thereby reducing the number of intersecting edges and intersections in the bipartite graph drawing and reducing visual obstacles.

[0016] Specifically, the construction process of the graph database is as follows:

[0017] The functional labels, physical addresses, and instruction flow directions of the functional layer are encoded, and a dimensionality reduction method is used to transform the context structure into a low-dimensional vector space.

[0018] Vectorize the data vectors in the low-dimensional vector space to obtain the corresponding node subsets;

[0019] Construct a corresponding graph database based on the node subset.

[0020] To achieve the second objective of this invention, the following technical solution is provided: a visualization and interactive analysis device, implemented through the above-described visualization and interactive analysis method for cloud computing network frameworks.

[0021] To achieve the third objective of this invention, the following technical solution is provided: an electronic device, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the above-described visualization and interactive analysis method for cloud computing network frameworks when executing the computer program.

[0022] Compared with the prior art, the beneficial effects of the present invention are as follows:

[0023] This invention prevents data loss and avoids visual obstructions by preserving the connections between multiple layers of networks. The nested inclusion relationship between nodes represents the hierarchical relationship in the multi-layer cloud computing network architecture. It preserves the connections between multiple layers of networks, prevents data loss, and ensures data consistency by not ignoring or omitting the connections between multiple layers of networks. This solves the data loss problem that some existing technical solutions struggle to handle well. At the same time, it effectively reduces the number of edges in the view and avoids visual obstructions. Even as the scale of the cloud computing network expands, it can simplify the content while preserving information, thus solving the scalability problem that some existing technical solutions struggle to handle well. Attached Figure Description

[0024] Figure 1 This is a schematic diagram of the visualization and interactive analysis method for cloud computing network framework provided in this embodiment;

[0025] Figure 2 This is a schematic diagram of the hierarchical heterogeneous type of the graph database provided in this embodiment;

[0026] Figure 3 This is a schematic diagram of the force guidance diagram layout model provided in this embodiment;

[0027] Figure 4 This is a schematic diagram of the visualization and interactive analysis device provided in this embodiment. Detailed Implementation

[0028] To make the objectives, technical solutions, and advantages of the embodiments of the present invention clearer, the technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. The components of the embodiments of the present invention described and shown in the accompanying drawings can generally be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present invention provided in the accompanying drawings is not intended to limit the scope of the claimed invention, but merely to illustrate selected embodiments of the invention. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without inventive effort are within the scope of protection of the present invention.

[0029] like Figure 1The present embodiment provides a visualization and interactive analysis method for cloud computing network frameworks. This method addresses the challenges posed by massive and complex operational data to cloud computing system maintenance. It uses visualization technology to present the internal information and interrelationships of a multi-layered cloud computing network architecture, solving problems such as difficulties in representing heterogeneous information, poor scalability, and data gaps in existing multi-layered cloud computing network architecture visualization processes. It addresses diverse perception and analysis needs during cloud computing network architecture maintenance, providing more efficient and convenient support for user site management and decision-making in the cloud environment. Furthermore, since a node failure is always caused by its own failure or by failures of nodes on related links, this invention utilizes connection data between nodes to mark internal and external layers centered on the faulty node. This helps maintenance personnel quickly understand the scope of the fault's impact and efficiently troubleshoot the cause of the fault using the network links demonstrated in this invention, thereby resolving the fault and quickly restoring cloud services.

[0030] The specific steps are as follows:

[0031] Obtain a cloud computing network framework that includes multiple functional layers, namely a process layer, a microservice layer, and a cloud service layer.

[0032] A graph database is constructed using functional layers as entities and the flow direction of data and instructions between functional layers as edges.

[0033] For different data types in the functional layer, a force-guided graph layout model is used to manage and construct the corresponding logical relationship tree, where data types are nodes and the service relationships between data types are directed edges.

[0034] When in use, visualization processing is performed based on the constructed graph database to output the corresponding topological relationship view. The content of the graph nodes in the topological relationship view is visualized in the form of a logical relationship tree.

[0035] Furthermore, this embodiment uses the React.js and D3.js frameworks to implement a front-end interactive web application. The front-end page under this method can be divided into two main parts: physical and logical. The physical part displays the individual status of physical entities such as data centers and server racks, as well as their interrelationships. The left side of the physical part is a network overview view, providing overview information at different levels to facilitate users' quick location of nodes; the right side is a detailed network hierarchy view, used to provide detailed information and internal structure of objects of interest to the user. The logical part displays the individual status of cloud service instances and users, as well as their interrelationships.

[0036] The backend uses three frameworks: MySQL, Neo4j, and Spring Boot. MySQL is used to store and manage relational data such as cloud service instances and users for the logical part; Neo4j, a high-performance NoSQL graph database, is used to store and manage graph data for the physical part; and Spring Boot is used for front-end and back-end communication and related data processing.

[0037] Ultimately, the interface includes an overview view that displays the overall data layout at a macro level, and a detailed view that displays the content information of a specific level or node at a micro level. The internal information data of the cloud computing network nodes and the connection relationship data between nodes sent from the backend are visualized using React.js and D3.js frameworks to develop web page views of different scales, helping users to observe both the overall situation and detailed information simultaneously.

[0038] like Figure 2 As shown, this is a graph database representation provided in this embodiment. The cloud service system involved in this embodiment mainly adopts a multi-layered heterogeneous structure, integrating a series of devices such as physical hosts, network devices, and virtual services into different categories. Consider a three-layer service architecture including a process layer, a microservice layer, and a cloud service layer: inner-layer connections represent communication within the same layer (such as information flow), while inter-layer connections represent the relationships between different layers (such as the allocation of physical resources). There are various methods to visualize these structures, such as 2D, hybrid 2.5D, and 3D visualization. When visualizing a multi-layered network, Figure 2 (a) Each network layer is represented separately, omitting the connections between layers. While straightforward in application, understanding the role of nodes in such networks requires integrating data from both inner layers and inter-layer connections. Due to the lack of inter-layer connections, this approach can lead to perceptual discrepancies when examining inter-layer connections. Figure 1 (b) A 2.5D visualization model is introduced, in which each network layer is positioned on a different plane, and the connections across these planes (inter-layer links) are explicitly visualized. Furthermore, Figure 2 (c) demonstrates Figure 2 (b) A fully two-dimensional representation. While these visualization methods can provide strategies such as link transparency to differentiate different connection types and maintain the visibility of all connections, they fail to present a unified, aggregated node profile, forcing analysts to manually integrate data and construct these profiles—a time-consuming and error-prone task. This underscores the need for innovative visualization frameworks capable of handling hierarchical heterogeneity and providing a comprehensive representation of node profiles within cloud computing infrastructures.

[0039] The data on the number of physical layers and the connection relationships between layers sent by the backend are visualized using a front-end webpage developed with the D3.js framework. This displays the number of layers in the cloud computing network architecture, the connections and hierarchical relationships between layers, the user's current location, and the access path.

[0040] For the logical tree, the internal information data of the physical nodes and the connection relationship data between nodes sent by the backend are visualized on the front-end webpage developed using the React.js and React Flow framework. The system allows users to freely drag, move, and zoom nodes, providing users with detailed information and internal structure of objects of interest. The character at the top of each node is the node's ID. The nested containment relationship between nodes represents the hierarchical relationship (or parent-child relationship) in a multi-layered cloud computing network architecture. It does not ignore or omit the connections between multiple layers of the network, ensuring data consistency and solving data loss problems that are difficult to handle well in some existing technical solutions. It also effectively reduces the number of edges in the view, avoids visual obstruction, and simplifies content while retaining information even as the cloud computing network scales up. This solves scalability problems that are difficult to handle well in some existing technical solutions, thus helping users analyze more efficiently. Furthermore, if a node fails or is affected by the failure of other nodes, the system will change the node's color from the default gray to red, thus alerting users to the failure and its impact.

[0041] Furthermore, the network-level detail view can display heterogeneous information data at different zoom levels, solving the problem of displaying heterogeneous information that is difficult to handle well with some existing technical solutions. At higher zoom levels, node IDs and other information will be displayed as text. At medium zoom levels, the state changes of the corresponding entities will be displayed as charts. At lower zoom levels, node information will be displayed as images.

[0042] When a user selects a node, this view will display the two layers of structural information contained within that node. The system also allows users to switch view layout modes, using a force-guided graph layout model to display the relationships between sibling nodes at the same level, effectively reducing node overlap (this information is stored in the graph database and sent from the backend to the frontend for display). The directed edges between nodes encode service relationships.

[0043] like Figure 3The diagram shown illustrates the force-guided graph layout model provided in this embodiment. Each node in the system can be considered a discharge particle, with a repulsive force existing between them. Simultaneously, these particles are connected by edges, generating attraction. Under the influence of repulsive and attractive forces, the particles in the system continuously shift from a random and disordered initial state, gradually approaching a balanced and ordered final state. In this graph layout, the presence of mutual repulsive forces effectively reduces the overlap between nodes.

[0044] In this embodiment, each node in the force-guided layout model can be regarded as a discharge particle, and there is a certain repulsive force between the particles; the user can view the data information corresponding to the node by hovering the mouse over a node.

[0045] This embodiment also provides a visualization and interactive analysis device, implemented through the visualization and interactive analysis method provided in the above embodiments, such as... Figure 4 As shown, it includes a region module, availability zone module, data center module, rack module, cloud service instance module, and user module. The hierarchical relationships between nodes are encoded through connections. When a user clicks on a node in the network overview view, the system highlights the corresponding access path. Simultaneously, the front-end updates the variables recording the currently viewed physical node and sends the ID of the clicked node to the back-end. The back-end returns the information data and connection relationships of the two layers within that node and updates the visualization in the network hierarchy detail view.

[0046] This view provides users with data information from a holistic perspective, helping them easily observe the overall data picture and locate their current position within the cloud computing network architecture, thus serving a navigational function. Secondly, it allows for a dedicated, separate view of global, data-centric human-computer interaction methods, rather than simply mixing multiple interaction methods together, thereby facilitating user operation.

[0047] Users can operate and analyze various views according to their own needs and preferences. The specific steps for using them are as follows:

[0048] (1) If a user wants to view a specific physical node:

[0049] (S11) First, in the network overview view, click to view the node one level above the node you want to find.

[0050] (S12) Locate the node you want to find in the network hierarchy detail view.

[0051] (S13) Zoom in on the current node in the network hierarchy detail view. At different zoom levels during this process, the system will display various types of data information such as icons, text, and icons.

[0052] (S14) Right-click in the network hierarchy detail view to view the detailed data information panel for this node. You can view the internal two-layer structure information of the current node, whether it is faulty, etc.

[0053] (S15) If a user wants to view the relationship between elements at the same level within the current node, they can click the button on the upper right left to view it.

[0054] (2) If a user wants to view a specific logical node:

[0055] (S21) Click the arrow button on the right side of the front-end interface to open the logical view panel, because the logical view panel is collapsed and hidden by default.

[0056] (S22) The system defaults to displaying a one-dimensional list. If the user knows the node ID, they can search directly in the search bar at the bottom right. If the user does not have a specific target node and only wants to see the general situation, they can drag the scroll bar on the right side of the logical view to view it. In addition, the user can click the arrow next to the top icon to select ascending or descending order based on the element ID. If another node connected by an edge is not displayed in the current interface, the user can click on the edge to jump to and view it.

[0057] (S23) For logical view Figure 1 In a dimensional list view, users can right-click on an element node to view its detailed data information panel. They can also switch to a force-guided view by clicking the drop-down menu in the lower right corner of the view.

[0058] During use:

[0059] When a user clicks on a node in the network overview view, the front-end updates the variables recording the currently viewed physical node and sends the ID of the clicked node to the back-end. The back-end then returns the information and connection data of the two layers within that node and updates the visualization in the network hierarchy detail view. The network hierarchy detail view also updates to display the internal structure and other relevant information of the corresponding node.

[0060] When a user clicks to view a node in the network hierarchy detail view, the front end will update the variables that record the currently viewed physical node, and the network overview view will also highlight the corresponding node and access path based on the updated variables.

[0061] Because cloud service instances run on virtual machines, this connection can be used to achieve interactive linkage between the physical and logical parts. In the network hierarchy detail view, hovering the mouse over a node representing a virtual machine and right-clicking will bring up a detailed data panel for that node. Left-clicking the cloud service instance ID text button will update the variables of the currently viewed logical node in the front-end and send this cloud service instance ID to the back-end. The back-end will return the corresponding cloud service instance information, relevant user information, and the connection relationship between the two. Finally, the logical view will update and display the corresponding cloud service instance and user information.

[0062] In the one-dimensional list view of the logical view, hovering the mouse over a node representing a cloud service instance and right-clicking will bring up a detailed data information panel for that node. Then, left-clicking a virtual machine ID text button will update the variables of the currently viewed physical node in the front end, and send the ID of the clicked node to the back end. The back end will return the information data and connection relationship data of the two layers inside this node, and update and display the corresponding virtual machine status in the network layer detail view.

[0063] This embodiment also provides an electronic device, which includes a processor, memory, display screen, input device, network interface, and database connected via a system bus. The processor, designed as a computer, provides computing and control capabilities. The memory of the electronic device includes a non-volatile storage medium and internal memory. The non-volatile storage medium stores an operating system, computer programs, and a database. The internal memory provides an environment for the operation of the operating system and computer programs in the non-volatile storage medium. The database of the electronic device stores the data corresponding to this embodiment. When the processor executes the computer programs, it performs the aforementioned visualization and interactive analysis method for a cloud computing network framework.

[0064] Furthermore, the terms "upper," "lower," "inner," "outer," "front," and "rear" are used for descriptive purposes only and should not be construed as indicating or implying relative importance. Unless otherwise specifically stated, the relative steps, numerical expressions, and values ​​of the components and steps set forth in these embodiments do not limit the scope of the invention.

[0065] Of course, the above description is only a specific embodiment of the present invention and is not intended to limit the scope of the present invention. All equivalent changes or modifications made to the structure, features and principles described in the claims of the present invention should be included in the scope of the claims of the present invention.

[0066] Finally, it should be noted that the above-described embodiments are merely specific implementations of the present invention, used to illustrate the technical solutions of the present invention, and not to limit it. The scope of protection of the present invention is not limited thereto. Although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can still modify or easily conceive of changes to the technical solutions described in the foregoing embodiments within the technical scope disclosed in the present invention, or make equivalent substitutions for some of the technical features; and these modifications, changes, or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present invention, and should all be covered within the scope of protection of the present invention. Therefore, the scope of protection of the present invention should be determined by the scope of the claims.

Claims

1. A visualization and interactive analysis method for cloud computing network frameworks, characterized in that, Includes the following steps: Obtain a cloud computing network framework that includes multiple functional layers, namely a process layer, a microservice layer, and a cloud service layer; Using functional layers as entities and the flow direction of data and instructions between functional layers as edges, a corresponding graph database is constructed. For different data types in the functional layer, a force-guided graph layout model is used to manage and construct the corresponding logical relationship tree, where data types are nodes and the service relationships between data types are directed edges. When in use, visualization processing is performed based on the constructed graph database to output the corresponding topological relationship view. The content of the graph nodes in the topological relationship view is visualized in the form of a logical relationship tree.

2. The visualization and interactive analysis method for cloud computing network frameworks according to claim 1, characterized in that, The visual relationship view is built using the React.js and D3.js frameworks.

3. The visualization and interactive analysis method for cloud computing network frameworks according to claim 1, characterized in that, The logical relationship tree is visually constructed using the React.js and React Flow frameworks.

4. The visualization and interactive analysis method for cloud computing network frameworks according to claim 1, characterized in that, When using a force-guided graph layout model for management, the top character of each node is used as the node's ID.

5. The visualization and interactive analysis method for cloud computing network frameworks according to claim 1, characterized in that, During the visualization process, the common parent node between nodes is used to combine the edges into bundles in the graph in order to extract the backbone structure of the network graph.

6. The visualization and interactive analysis method for cloud computing network frameworks according to claim 1, characterized in that, The construction process of the graph database is as follows: The functional labels, physical addresses, and instruction flow directions of the functional layer are encoded, and a dimensionality reduction method is used to transform the context structure into a low-dimensional vector space. Vectorize the data vectors in the low-dimensional vector space to obtain the corresponding node subsets; Construct a corresponding graph database based on the node subset.

7. An electronic device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it performs the visualization and interactive analysis method for cloud computing network framework as described in any one of claims 1 to 6.

Images