Mimicry computing system-oriented dynamic resource hierarchy visualization method and tool

Abstract

According to the mimicry computing system-oriented dynamic resource hierarchy visualization method and tool provided by the invention, an expansion mechanism provided by ECharts is utilized to realize a user input module, a data processing module, a visualization display module and an interaction control module, and a user is supported to customize nodes and connection information from transverse and longitudinal dimensions; according to the method, the multi-level resource architecture graph is generated after the information input by the user is subjected to data processing, and the interaction event is bound, so that the method not only can adapt to the level mutual display requirement of the complex mimicry computing system resource architecture, but also has a certain degree of universality, and supports the visual display of the one-key customized multi-level and interactive system resource architecture.

Description

Technical Field

[0001] The present invention relates to the field of data visualization technology, and in particular to a dynamic resource hierarchy visualization method and tool for a mimetic computing system. Background Art

[0002] With the rapid development of information technology, the resource architecture of the system has become increasingly complex. Overall control of the overall resource architecture of the system is increasingly important for the management of system resources, so higher requirements are also placed on the display of the system resource architecture. In the pseudo-computing system, the computing layer resources are not only huge in number but also have complex internal hierarchical nesting relationships. The system management visualization interface not only needs to display the entire computing resource architecture, but also needs to dynamically display the internal hierarchical relationships of various computing resources. In addition, it also needs to display the overall system architecture including management layer resources and exchange layer resources.

[0003] The digital network topology professional drawing tool proposed by Ding Zhigang et al. [1] can express the real structured network topology without ambiguity by formulating standard network topology expression rules, realize machine analysis instead of manual analysis of graphic logic, automatically generate network equipment configuration, cable plan, network cost and other network planning and design data tables, and can also seamlessly connect with other aspects of network planning and construction such as computer room layout design, rack design and software and hardware integration. Although the user customization is high, it is mainly aimed at network equipment, and the display effect of other types of resources in the resource architecture of the mimetic computing system is limited, and it is impossible to realize the hierarchical display of the overall resource architecture of the mimetic computing system and real-time interaction with users.

[0004] Based on the traditional visualization process model, Wang Ziyi et al. [2] proposed an improved visualization model for obtaining data based on user interaction needs, and implemented a data visualization analysis component based on ECharts to support data mining and type conversion interaction for basic chart types. Although multi-level data can be displayed by layering data, the use of the existing ECharts chart library for data display not only has limited visualization effect on the resource architecture of the mimetic computing system, but also has a low degree of user customization, making it impossible to realize the multi-level display interaction of the resource architecture of the mimetic computing system.

[0005] [1] Ding Zhigang, Song Xiaoming, Xu Jing, et al. Research on digital network topology professional drawing tools[J]. Telecommunication Engineering Technology and Standardization, 2023, 36(08): 43-49. DOI: 10.13992 / j.cnki.tetas.2023.08.010;

[0006] [2] Wang Ziyi, Zhang Chunhai. Design and implementation of data visualization analysis component based on ECharts[J]. Microcomputer and Applications, 2016, 35(14): 46-48+51. DOI: 10.19358 / j.issn.1674-7720.2016.14.015. Summary of the invention

[0007] The technical problem to be solved by the present invention is that the traditional resource architecture display method can no longer meet the needs of the mimetic computing system for intuitive display of the overall information of the resource architecture. The existing device architecture diagram display component functions and user customization are limited, and it is impossible to flexibly and intuitively display the complete information of the multi-level resource architecture, and it lacks interactivity.

[0008] In order to achieve the above-mentioned object of the invention, the technical solution of the present invention provides a dynamic resource hierarchy visualization method for a mimic computing system, comprising the following steps:

[0009] From the horizontal dimension and the vertical dimension, obtain the horizontal system architecture information and the vertical system architecture information input by the user;

[0010] Parse and store the horizontal system architecture information as a horizontalLayers array, and parse and store the vertical system architecture information as a verticalLayers array according to the nested hierarchical relationship of the functional layers to form a JSON structure;

[0011] Traverse the horizontalLayers array in the JSON structure, build connections between multiple functional layers in the horizontalLayers array, traverse the verticalLayers array in the JSON structure, build connections between multiple nested layers in the verticalLayers array, so as to define a multi-level resource graph data structure;

[0012] Processing the node and connection styles of the multi-level resource graph data structure to convert them into visualization module configuration parameters, and instantiating the corresponding multi-level resource architecture diagram according to the visualization module configuration parameters;

[0013] According to user operation habits and development simplicity, configure interactive control events and bind them to the instantiated multi-level resource architecture diagram;

[0014] Draw a multi-level resource architecture diagram on the canvas and place the canvas into a container with corresponding identification information to achieve dynamic resource hierarchy visualization.

[0015] Preferably, the horizontal system architecture information includes horizontal node information, horizontal connection information and horizontal interaction information, and the vertical system architecture information includes vertical node information, vertical connection information and vertical interaction information.

[0016] Preferably, the horizontal dimension is distinguished by resource types in the system resource architecture, and the vertical dimension is distinguished by different levels of the same type of resources in the system resource architecture.

[0017] Preferably, the interactive control event includes a mouse click, a mouse double click and a mouse hover.

[0018] The technical solution of the present invention further provides a dynamic resource hierarchy visualization tool for a mimetic computing system, which adopts the dynamic resource hierarchy visualization method for a mimetic computing system as described above, including:

[0019] A user input module, used to obtain horizontal system architecture information and vertical system architecture information input by a user through a parameter configuration interface or by sending an acquisition request;

[0020] The data processing module is used to parse the horizontal system architecture information and the vertical system architecture information from the user input module by writing a data processing function; parse and store the horizontal system architecture information as a horizontalLayers array, parse and store the vertical system architecture information as a verticalLayers array to form a JSON structure; traverse the horizontalLayers array to build connections between multiple functional layers in the horizontalLayers array, traverse the verticalLayers array to build connections between multiple nested layers in the verticalLayers array to define a multi-level resource graph data structure;

[0021] The visualization module is used to create a hierarchical architecture diagram type, define various parameter configuration items of the hierarchical architecture diagram, obtain the multi-level resource graph data structure from the data processing module and convert it into visualization module configuration parameters, and instantiate the corresponding multi-level resource architecture diagram according to the visualization module configuration parameters; draw the multi-level resource architecture diagram from the interactive control module on the canvas, and put the canvas into a container with corresponding identification information to realize dynamic resource hierarchy visualization;

[0022] The interactive control module is used to configure interactive control events and bind them to the instantiated multi-level resource architecture diagram according to user operating habits and development simplicity.

[0023] Preferably, the data processing module, the visualization display module and the interactive control module all adopt the extension mechanism provided by ECharts.

[0024] The technical solution of the present invention proposes a dynamic resource hierarchy visualization method and tool for a mimetic computing system with a high degree of user customization. By supporting users to customize node and connection information from both horizontal and vertical dimensions, a multi-level resource architecture diagram is generated after data processing of user input information and interaction events are bound. It supports users to intuitively display a multi-level, interactive system resource architecture with one-click customization, and can adapt to the needs of hierarchical interactive display of complex mimetic computing system resource architectures, solving the problem in the prior art that users cannot complete complex system architecture hierarchical display interactions during agile development. BRIEF DESCRIPTION OF THE DRAWINGS

[0025] Figure 1 A flow chart of a dynamic resource hierarchy visualization method for a mimetic computing system;

[0026] Figure 2 This is a structural diagram of the dynamic resource hierarchy visualization tool for mimetic computing systems. DETAILED DESCRIPTION

[0027] The present invention will be further described below in conjunction with specific embodiments. It should be understood that these embodiments are only used to illustrate the present invention and are not intended to limit the scope of the present invention. In addition, it should be understood that after reading the content taught by the present invention, those skilled in the art can make various changes or modifications to the present invention, and these equivalent forms fall within the scope limited by the appended claims of the application equally.

[0028] like Figure 1 As shown, an embodiment of the present invention provides a dynamic resource level visualization method for a mimetic computing system, comprising the following steps:

[0029] Step 1: Collect the user-defined information from two user-defined dimensions, horizontal and vertical, which mainly include node information, connection information, and interaction information. The horizontal dimension information is distinguished by the resource types in the system resource architecture, and the vertical dimension information is distinguished by the different levels of the same type of resources in the system resource architecture. The collected user-defined information is as follows:

[0030] (1) Node information: Horizontal node information mainly refers to the information of various resource nodes in each functional layer in the system resource architecture, including the number of functional layers, the name of the functional layer, the number of resource nodes in each functional layer, the name of the resource nodes in each functional layer, the display style of the resource nodes in each functional layer, the description information of the resource nodes in each functional layer, etc.; vertical node information mainly refers to the internal nested level node information of each resource node in the same functional layer in the resource architecture, including the number of nested levels, the number of nested nodes in each layer, the name of the nested nodes in each layer, the description information of the nested nodes in each layer, etc.

[0031] (2) Connection information: Horizontal connection information refers to the connection information between functional layers in the system resource architecture, the connection display style between functional layers, the connection description information between functional layers, etc.; vertical connection information refers to the connection information, connection display style, connection description information, etc. between internal nested hierarchical nodes of each resource node in the same functional layer in the system resource architecture.

[0032] (3) Interaction information: Horizontal interaction information refers to user interaction operations, interaction effects, and interaction display information of nodes and connection relationships at each functional layer in the system resource architecture. Vertical interaction information refers to user interaction operations, interaction effects, and interaction display information of resource nodes at the same functional layer in the system resource architecture and the connection relationships within the nested layers within each resource node.

[0033] Step 2: Parse the information entered by the user and build a JSON structure that can be recognized by the component. The main structure includes two parts: horizontalLayers object array and verticalLayers object array. The structure is described as follows:

[0034] (1) horizontalLayers object array: used to store node information in the horizontal dimension. Each element in the array is a functional layer object, including the name layerName of the layer, the node list nodes, the connection information connections and the interaction information interactions. Among them, the node list nodes uses an object array to store all resource nodes of the layer. Each array element is a resource node object, including the name nodeName, style style and description description of the node; the connection information connections uses an object array to store the connection information between resource nodes of the layer. Each element in the array corresponds to each connection, including the starting point source, the end point target, the style style and the description description of the connection; the interaction information interactions uses an object array to store the interaction information of the nodes of the layer. Each element in the array corresponds to the interaction information on a node of the current layer, including the name node of the node, the interaction operation operation, the interaction effect effect, and the interaction display information display.

[0035] (2) verticalLayers object array: used to store the hierarchical information of the vertical dimension. The structure is similar to that of the horizontal dimension, but focuses on the nested levels within a single functional layer. Each element in the array is a functional layer object, which contains the name of the layer layerName and the nested level information nestedLevels. The nested level information nestedLevels uses an object array to store all the nested level information of the level. Each array element is a nested level, including the sequence number or identification level of the nested level in the current functional layer, the node information nodes within the nested level, the connection information connections between the nodes within the nested level, and the interaction information interactions of the nodes of the nested level. The node information nodes within the nested level uses an object array to store the node information nodes within the nested level, and each element in the array corresponds to each node in the nested level, including the name nodeName and description description of the node; the connection information connections between the nodes in the nested level uses an object array to store the connection information between the nodes of the nested level, and each element in the array corresponds to each connection, including the starting point source, the end point target, the style style and the description description of the connection; the interaction information interactions of the nodes of the nested level uses an object array to store the interaction information of the nodes of the nested level, and each element in the array corresponds to the interaction information on a node in the current nested level, including the name of the node node, the interaction operation operation, the interaction effect effect, and the interaction display information display.

[0036] Step 3: Parse the constructed JSON structure and define the graph data structure. The structure is as follows:

[0037] (1) Parsing horizontal hierarchical information: First, traverse the horizontalLayers array, which contains the information of each functional layer in the system resource architecture. For each functional layer, create a corresponding node entity and define properties for the node, including name, style, description, and child node list; second, traverse the nodes array in the functional layer, generate a unique identifier for each resource node, and initialize its child node list; finally, traverse the connections array to determine the starting point and end point of the connection. If both exist, establish a connection relationship between them in the graph structure.

[0038] (2) Parsing vertical hierarchical information: First, traverse the verticalLayers array, which contains the nested hierarchical information of each functional layer in the system resource architecture. For each functional layer, further traverse its internal nestedLevels array to obtain detailed information of each nested level. In each nested level, traverse the nodes array and use the combination of the functional layer name and the level number as the parent node ID to ensure the uniqueness of each nested level and generate a unique identifier for each nested node. Secondly, define properties for each nested node, including name and description, and initialize its child node list. Finally, add each child node to the child node list of its corresponding parent node to establish a hierarchical relationship within the nested level.

[0039] Step 4: According to the generated multi-level resource architecture data structure, process the node and connection styles, convert them into visualization display module configuration parameters, and instantiate the corresponding multi-level resource architecture diagram.

[0040] Step 5: Configure interactive control events and bind them to the instantiated multi-level resource architecture diagram. The preset optional interactive events are mainly mouse events such as mouseClick (single click), mouseDblclick (double click), and mouseHover (hover). Considering user operating habits and development simplicity, the default mouseClick event binding displays the next level of node architecture nested inside the selected node, the mouseDblclick event binding displays the list of services running on the selected node, and the mouseHover event binding displays the basic information of the selected node.

[0041] Step 6: Draw a multi-level resource architecture diagram on the canvas and place the canvas into a container with corresponding identification information on the page.

[0042] like Figure 2 As shown, an embodiment of the present invention provides a dynamic resource hierarchy visualization tool for a mimetic computing system, which adopts the above-mentioned dynamic resource hierarchy visualization method for a mimetic computing system, including: a user input module, a data processing module, a visualization display module and an interactive control module.

[0043] Among them, the user input module is responsible for collecting parameters such as node information, node display form and node interaction information of each level of the user-defined resource architecture, and passing them into the data processing module as component parameter input; the data processing module classifies and processes the received input information to build a multi-level resource architecture diagram data structure, including the hierarchical relationship, display information, interconnection information, etc. of each node; the visualization display module is responsible for generating a resource architecture diagram based on the data structure generated by the data processing module; the interaction control module is responsible for binding the interaction events input by the user according to the interaction information of each node, so as to produce interactive effects on the generated resource architecture diagram.

[0044] Specifically, the implementation scheme of each module is as follows:

[0045] (1) User input module: exposes the parameter configuration interface of the hierarchical architecture diagram, creates a front-end form, and allows users to input or adjust information such as nodes, connections, and interactions. Considering that in the mimetic computing system, there is a situation where the back-end system management program obtains system information and transmits it to the front-end. At the same time, AJAX requests or other methods (such as Fetch API) can also be used to read the system resource architecture information obtained by the back-end from the front-end and transmit it to the data processing module.

[0046] (2) Data processing module: Use the extension mechanism extendDimension provided by ECharts to expand new data dimensions. By writing data processing functions, parse the information input by the user, build the JSON structure shown in step 2, extract the nodes, connections and interaction information, and further parse the constructed JSON structure. Use Map or objects to store nodes and connections. As shown in step 3, build a graphical data structure of the system resource architecture. By maintaining a multi-level data structure, the horizontal and vertical hierarchical relationships of the system resource architecture are represented, and the data structure is passed to the visualization display module and the interaction control module.

[0047] (3) Visualization display module: Create a new chart type sysTopo as a hierarchical architecture diagram type, define the various parameter configuration items of the hierarchical architecture diagram, use the extension mechanism registerSeries provided by ECharts to register sysTopo, receive the multi-level data structure from the data processing module, convert it into the configuration parameters of the system resource architecture diagram, and integrate the various parameter configuration items of the hierarchical architecture diagram into the original configuration items of ECharts. Use echarts.init to initialize the chart instance, use the setOption method to apply the configuration items, and form a chart component that can support the relevant configuration parameters of the system architecture diagram. At the same time, combine with the front-end framework (such as React, Vue, Angular), implement the rendering function of the system resource architecture, build a hierarchical view of the system resource architecture, and collaborate with the interactive control module to complete the display of the user interaction response results.

[0048] (4) Interaction control module: Use the on method of the ECharts instance to register interaction events, configure the listeners corresponding to the interaction events click, dblclick, and mouseover for the system resource architecture diagram, chartInstance.on('click', function(params), chartInstance.on('dblclick', function(params), chartInstance.on('mouseover', function(params), define the corresponding event processing function to handle user interaction, and combine it with the interactive UI component library (such as Ant Design, Material-UI) to allow users to view the information of the nested level inside a node by clicking on the node.

[0049] In this embodiment, the steps of the dynamic resource level visualization method and tool for the mimetic computing system are as follows:

[0050] Step 1: The user input module collects the system architecture information of the mimetic computing system. The system architecture information mainly includes the following information:

[0051] (1) Horizontal node information: The number of functional layers of the mimetic computing system is 3, and the names of the functional layers are management layer, switching layer, and computing layer respectively; the number of management layer resource nodes is 4, and the node names are management server 0, management server 1, management server 2, and management server 3; the number of switching layer resource nodes is 3, and the node names are switch 0, switch 1, and switch 2; the number of computing layer resource nodes is 8, and the node names are mimetic computing server cabinet 0, mimetic computing server cabinet 1, mimetic computing server cabinet 2, mimetic computing server cabinet 3, mimetic computing server cabinet 4, mimetic computing server cabinet 5, mimetic computing server cabinet 6, and mimetic computing server cabinet 7; the display style of each functional layer resource node is the corresponding uploaded icon; the description information of each functional layer resource node includes the node physical location, IP address, running status, running business, etc.

[0052] (2) Vertical node information: The number of nested levels of computing resources in the mimetic computing system is 3, the first layer is the mimetic computing server cabinet layer, the second layer is the mimetic computing server layer, and the third layer is the mimetic computing board layer. Among them, the number of mimetic computing server cabinet layer nodes is 8, and the node names are mimetic computing server cabinet 0, mimetic computing server cabinet 1, mimetic computing server cabinet 2, mimetic computing server cabinet 3, mimetic computing server cabinet 4, mimetic computing server cabinet 5, mimetic computing server cabinet 6, and mimetic computing server cabinet 7; the number of mimetic computing server layer nodes nested in each mimetic computing server cabinet node is 8. Taking the mimetic computing server cabinet 0 node as an example, the names of its nested mimetic computing server nodes are mimetic computing server 0-0, mimetic computing server 0-1, mimetic computing server 0-2, and mimetic computing server 0-3. The number of nodes in the mimetic computing board layer nested in each mimetic computing server node is 8. Taking the mimetic computing server 0-0 node as an example, the names of its nested mimetic computing board nodes are mimetic computing board 0-0-0, mimetic computing board 0-0-1, mimetic computing board 0-0-2, mimetic computing board 0-0-3, mimetic computing board 0-0-4, mimetic computing board 0-0-5, mimetic computing board 0-0-6, and mimetic computing board 0-0-7. The display style of resource nodes at each layer is the corresponding uploaded icon. The description information of resource nodes at each layer includes the physical location of the node, IP address, running status, running business, etc.

[0053] (3) Connection information: Horizontal connection information refers to the connection information between the management layer, switching layer, and computing power layer in the resource architecture of the mimicking computing system, the connection display style between the management layer, switching layer, and computing power layer, and the connection description information between the management layer, switching layer, and computing power layer. Vertical connection information refers to the connection information, connection display style, and connection description information of each resource node in the mimicking computing server machine layer, mimicking computing server layer, and mimicking computing board layer in the computing power layer of the resource architecture of the mimicking computing system.

[0054] (4) Interaction information: Horizontal interaction information refers to user interaction operations, interaction effects, interaction display information, etc. of nodes and connection relationships in the management layer, exchange layer, and computing power layer of the mimetic computing system resource architecture; vertical interaction information refers to user interaction operations, interaction effects, interaction display information, etc. of each resource node in the mimetic computing server layer, mimetic computing server layer, and mimetic computing board layer of the computing power layer of the mimetic computing system resource architecture, as well as the connection relationships within the nested layers within each resource node.

[0055] Step 2: The data processing module constructs a graphical data structure of the mimetic computing system resource architecture by parsing the mimetic computing system resource architecture information input by the user.

[0056] Step 3: The visualization module processes the node and connection styles according to the generated graphical data structure of the mimetic computing system resource architecture, converts them into visualization module configuration parameters, and instantiates the corresponding mimetic computing system resource architecture diagram.

[0057] Step 4: The interactive control module configures mouseHover events and mouseDblclick events for all nodes to display the basic information of the selected node and the list of services running on the node, and configures mouseClick events for the mimetic computing server cabinet layer and mimetic computing server layer nodes, which are used for the mimetic computing server layer node architecture nested inside the clicked node of the mimetic computing server cabinet layer and the mimetic computing board layer node architecture nested inside the clicked node of the mimetic computing server layer.

[0058] Step 5: Draw a multi-level mimetic computing system resource architecture diagram on the canvas, and place the canvas into a container with corresponding identification information on the page.

[0059] The embodiment of the present invention realizes the user input module, data processing module, visualization display module and interactive control module by utilizing the extension mechanism provided by ECharts, supports users to customize node and connection information from both horizontal and vertical dimensions, generates a multi-level resource architecture diagram after data processing of user input information and binds interactive events, which can not only adapt to the hierarchical interactive display requirements of the complex mimetic computing system resource architecture, but also has a certain degree of versatility, and supports one-click customized multi-level and interactive system resource architecture intuitive display.

[0060] The embodiments of the present invention solve the problems that the existing device architecture diagram display components cannot flexibly and intuitively display the complete information of the multi-level resource architecture of the mimetic computing system, the user customization level is limited, and there is a lack of interactivity. It provides a multi-level system architecture intuitive display solution with a high degree of user customization and strong interactivity. It can not only be used for the hierarchical display of the resource architecture of the mimetic computing system, but also is suitable for various scenarios that require a hierarchical display of the system resource architecture, and has good application prospects and commercial value.

[0061] Compared with the prior art, the embodiments of the present invention support users to customize nodes and connection information from both horizontal and vertical dimensions, generate a multi-level resource architecture diagram after data processing of user input information and bind interactive events, support users to intuitively display a multi-level, interactive system resource architecture with one-click customization, can adapt to the hierarchical interactive display requirements of complex mimetic computing system resource architectures, improve the research and development efficiency of front-end research and development personnel, and shorten the research and development costs of enterprises.

Claims

1. A dynamic resource level visualization method for a mimetic computing system, characterized in that: The following steps are involved: From the horizontal dimension and the vertical dimension, obtain the horizontal system architecture information and the vertical system architecture information input by the user; Parse and store the horizontal system architecture information as a horizontalLayers array, and parse and store the vertical system architecture information as a verticalLayers array according to the nested hierarchical relationship of the functional layers to form a JSON structure; Traverse the horizontalLayers array in the JSON structure, build connections between multiple functional layers in the horizontalLayers array, traverse the verticalLayers array in the JSON structure, build connections between multiple nested layers in the verticalLayers array, so as to define a multi-level resource graph data structure; Processing the node and connection styles of the multi-level resource graph data structure to convert them into visualization module configuration parameters, and instantiating the corresponding multi-level resource architecture diagram according to the visualization module configuration parameters; According to user operation habits and development simplicity, configure interactive control events and bind them to the instantiated multi-level resource architecture diagram; Draw a multi-level resource architecture diagram on the canvas and place the canvas into a container with corresponding identification information to achieve dynamic resource hierarchy visualization.

2. The method for dynamic resource level visualization of a mimetic computing system according to claim 1, characterized in that: The horizontal system architecture information includes horizontal node information, horizontal connection information and horizontal interaction information, and the vertical system architecture information includes vertical node information, vertical connection information and vertical interaction information.

3. The method for dynamic resource level visualization of a mimetic computing system according to claim 1, characterized in that: The horizontal dimension distinguishes by resource types in the system resource architecture, and the vertical dimension distinguishes by different levels of the same type of resources in the system resource architecture.

4. The method for dynamic resource level visualization of a mimetic computing system according to claim 1, characterized in that: The interactive control events include mouse click, mouse double click and mouse hover.

5. A dynamic resource hierarchy visualization tool for mimetic computing systems, characterized by: The method for dynamic resource level visualization of a mimetic computing system as claimed in claim 1 comprises: A user input module, used to obtain horizontal system architecture information and vertical system architecture information input by a user through a parameter configuration interface or by sending an acquisition request; The data processing module is used to parse the horizontal system architecture information and the vertical system architecture information from the user input module by writing a data processing function; parse and store the horizontal system architecture information as a horizontalLayers array, parse and store the vertical system architecture information as a verticalLayers array to form a JSON structure; traverse the horizontalLayers array to build connections between multiple functional layers in the horizontalLayers array, traverse the verticalLayers array to build connections between multiple nested layers in the verticalLayers array to define a multi-level resource graph data structure; The visualization module is used to create a hierarchical architecture diagram type, define various parameter configuration items of the hierarchical architecture diagram, obtain the multi-level resource graph data structure from the data processing module and convert it into visualization module configuration parameters, and instantiate the corresponding multi-level resource architecture diagram according to the visualization module configuration parameters; draw the multi-level resource architecture diagram from the interactive control module on the canvas, and put the canvas into a container with corresponding identification information to realize dynamic resource hierarchy visualization; The interactive control module is used to configure interactive control events and bind them to the instantiated multi-level resource architecture diagram according to user operating habits and development simplicity.

6. The dynamic resource hierarchy visualization tool for a mimetic computing system according to claim 5, characterized in that: The data processing module, the visualization display module and the interactive control module all adopt the extension mechanism provided by ECharts.

Images