An Interactive Graph Visualization Analysis Method and System Based on Ethereum Big Data

By constructing an interactive visualization interface and data parsing methods, the problem of unintuitive blockchain data has been solved, enabling intuitive display and in-depth analysis of Ethereum transaction data, reducing the difficulty of understanding for users, and improving analysis efficiency.

CN116149615BActive Publication Date: 2026-06-30XI AN JIAOTONG UNIV

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
XI AN JIAOTONG UNIV
Filing Date
2023-01-10
Publication Date
2026-06-30

AI Technical Summary

Technical Problem

Existing blockchain data analysis tools present data in text or table format, which makes them difficult for users to understand, unintuitive, and lacks interactivity, making it difficult to effectively explore and analyze Ethereum transaction data.

Method used

This project constructs Ethereum address information tables and transaction information tables, uses Vue, ElementUI, and Cytoscape.js to build an interactive visualization interface, uses the open-source control Cytoscape.js to render transaction data, and combines web3 and Python to parse functions and events in Ethereum transactions. It also enables the scaling, panning, and dragging of visualization graphics and provides right-click interactive menu items.

Benefits of technology

It enables intuitive display and in-depth exploration of Ethereum transaction data, lowers the knowledge threshold for users, and improves the efficiency of data understanding and analysis.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN116149615B_ABST
    Figure CN116149615B_ABST
Patent Text Reader

Abstract

This invention discloses an interactive graph visualization analysis method and system based on Ethereum big data. The method includes the following steps: constructing an Ethereum address information table and a transaction information table; constructing a backend microservice architecture to handle related business logic; using Vue, ElementUI, and Cytoscape.js to construct a front-end interactive visualization interface, which is divided into two parts: a menu module and a display module. The menu module is further divided into a Search module, a Legend module, a Display module, and a Filter module. The display module displays the visualization graphics, using the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transaction information table more intuitive. The interactive graph visualization analysis method based on Ethereum big data proposed in this invention extracts, reconstructs, and stores data according to business needs, develops a front-end page, and enables zooming, panning, and dragging of the visualization graphics to meet different user analysis perspectives. The visualization graphics generate right-click interactive menu items to satisfy users' interest in in-depth exploration.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This invention belongs to the field of information analysis and data visualization, specifically relating to an interactive graph visualization analysis method and system based on Ethereum big data. Background Technology

[0002] Blockchain is an emerging technology characterized by decentralization, tamper-proof nature, and traceability, and has been highly favored by researchers since its inception. Ethereum, as a product of Blockchain 2.0, is currently the most widely used public blockchain system supporting the development of complete system applications, leading in transaction volume and the number of applications. How to better display transaction data on the Ethereum public chain, enabling Ethereum researchers to more quickly and effectively uncover the meaning behind the data, is crucial.

[0003] As an emerging data storage technology, blockchain has specialized terminology, storage methods, and expressions. Blockchain data is characterized by its high level of specialization, low level of public awareness, similar data object representations that are difficult to distinguish, excessively large or small transaction values, and high precision. Compared to traditional data, blockchain data is more difficult to understand. Furthermore, blockchain technology has not yet been widely adopted in the market, resulting in high industry barriers and low public awareness.

[0004] Currently, most blockchain analytics tools present information about blocks, transactions, and addresses in text or table format. However, using only this format is not intuitive or user-friendly. It makes it difficult for users to find information and view the relationships between related data, and it is also more likely to cause visual fatigue and frustration.

[0005] In the era of big data, interactive visualization has become a key technology for processing and analyzing complex big data. Interactive visualization can uncover the inherent connections in data, convey and communicate information more intuitively, clearly, and effectively, greatly improving users' ability and efficiency in perceiving, extracting, and processing information. At the same time, it emphasizes combining computers and humans, transforming the traditional one-way, passive way of acquiring information into a two-way, interactive way of acquiring information, improving users' sense of participation and experience, and helping users better explore and analyze data. Summary of the Invention

[0006] To address the problems existing in the prior art, this invention provides an interactive graph visualization analysis method based on Ethereum big data, which enables the analysis and visualization of massive Ethereum transaction data, lowers the knowledge threshold for Ethereum researchers and participants, and helps them to understand transaction information more intuitively and explore and analyze transaction data more effectively.

[0007] To achieve the above objectives, the technical solution adopted by this invention is: an interactive graph visualization analysis method based on Ethereum big data, comprising the following steps:

[0008] Construct Ethereum address information tables and transaction information tables;

[0009] Build a backend microservice architecture to handle related business logic;

[0010] The front-end interactive visual interface is built using Vue, ElementUI, and Cytoscape.js. The interface is divided into two parts: the first part is the menu module, and the second part is the display module. The menu module is further divided into the Search module, Legend module, Display module, and Filter module. The display module displays visual graphics and uses the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transaction information table more intuitive.

[0011] When constructing the Ethereum address information table and transaction information table, the Ethereum public chain data is reconstructed into the Ethereum address information table and the Ethereum transaction information table and stored in HBase.

[0012] The visualization uses Web3 and Python to parse functions and events in Ethereum transactions, making transactions transparent. The visualization allows for zooming, panning, and dragging, and generates right-click interactive menu items; the right-click menu includes copy, delete, and change node color.

[0013] The display module includes Reset, Undo, Redo, Save, and Load Graph function buttons to assist users in analysis operations.

[0014] The address information table records the transaction hashes that EOA and Contract have participated in, while the transaction information table records the block number, time, internal and external transaction information, token transfer information, and log information of the transaction.

[0015] The backend microservice architecture comprises a gateway layer, a common layer, and a business layer. The gateway layer serves as the unified entry point for the microservice backend, handling all non-business functions. Its main responsibilities include interface access verification and parameter model conversion. The gateway layer uses an Nginx server for load balancing and reverse proxy configuration, and designs corresponding data content and format parsing conventions for the HTTP protocol. The common layer provides the business layer with general utility classes, providing resource, storage, and underlying capability support without being aware of the business logic. The utility classes involved in the common layer mainly include identity authentication, thread pools, and Java operations on Linux servers. The business layer is decomposed according to business functions, designed as microservices within specific domain modules. Each microservice is highly cohesive, focusing only on its own business logic and communicating with each other through interface calls. This invention designs two domain modules, Transactions and token, as microservices. These microservices process business requests passing through the gateway layer and return the results to the frontend by calling the utility classes in the common layer and their own unique processing logic.

[0016] The Search module requests Ethereum transaction data from the HBase database based on the parameters configured by the user.

[0017] The first method for requesting Ethereum transaction data involves requesting the block number, time, internal and external transaction information, token transfer information, and log information corresponding to the transaction hash, based on the transaction hash.

[0018] The second way to request Ethereum transaction data is to request Ethereum transaction data that the address has participated in within a certain time period, based on a specific EOA or Contract.

[0019] The Legend module provides descriptions for the nodes corresponding to each color; the Display module lists all information about the nodes and edges displayed; the Filter module allows you to filter the displayed nodes and edges according to certain conditions; for each transaction hash, a color is randomly generated, and the edges of the same transaction hash have the same color.

[0020] The edges of external transactions are bolded, and the information displayed on the edges includes transaction hash, block number, time, value, tracetype, and call type.

[0021] The information displayed on the side of an internal transaction includes value, trace type, call type, and trace address;

[0022] The edges for token transfer place the transferred token and related information in the middle of the edge;

[0023] For the requested Ethereum transaction data, use web3 + Python to parse the functions and events in the Ethereum transaction, and put the parsed data, including the function name, formal parameters and actual parameters, into the prompt box. Right-click on the node or edge to display the prompt information.

[0024] The display module presents visual graphics, using the open-source control Cytoscape.js to render the requested Ethereum transaction data. The basic display format is nodes and edges. EOA, Contract, and Token are displayed as nodes, while external transactions, internal transactions, ERC20 Token transfers, ERC721 Token transfers, and ERC1155 Token transfers are displayed as edges.

[0025] In addition, the present invention also provides an interactive graph visualization analysis system based on Ethereum big data, including the following modules: a data module, an architecture module, and a visualization module. The data module constructs an Ethereum address information table and a transaction information table.

[0026] The architecture module builds the backend microservice architecture and handles related business logic.

[0027] The visualization module utilizes Vue, ElementUI, and Cytoscape.js to build an interactive visual interface. The interface is divided into two parts: the first part is the menu module, and the second part is the display module. The menu module is further divided into the Search module, Legend module, Display module, and Filter module. The display module displays visual graphics and uses the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transaction information table more intuitive.

[0028] Simultaneously, a computer device is provided, including a processor and a memory, wherein an executable program is stored in the memory, and when the processor executes the executable program, it can execute the interactive graph visualization analysis method based on Ethereum big data described in this invention.

[0029] Compared with the prior art, the present invention has at least the following beneficial effects:

[0030] This invention proposes an interactive graph visualization analysis method based on Ethereum big data. It extracts, reconstructs, and stores data according to business needs, develops a front-end page, and enables real-time querying of massive Ethereum transaction data based on simple user-input parameters. An interactive graph visualization exploration page is developed using an open-source front-end graph library, visualizing external transactions, internal transactions, ERC20 token transfers, ERC721 token transfers, and ERC1155 token transfers in the form of nodes and edges, helping users to more intuitively perceive transaction information. Web3 + Python is used to parse functions and events in Ethereum transactions, helping users to more clearly understand the purpose of transactions. The visualization graphs can be zoomed, panned, and dragged to meet different user analysis perspectives. Right-click interactive menu items are generated from the visualization graphs to satisfy users' deeper exploration interests. This system ultimately lowers the knowledge threshold for Ethereum researchers and participants, helping them to more intuitively understand transaction information and more effectively explore and analyze transaction data. Attached Figure Description

[0031] Figure 1 This is a structural diagram of an interactive graph visualization analysis method based on Ethereum big data according to the present invention;

[0032] Figure 2 Example diagram for visualization. Detailed Implementation

[0033] This invention provides an interactive graph visualization analysis method based on Ethereum big data. This method includes: reconstructing Ethereum public chain data into an Ethereum address information table and an Ethereum transaction information table, and storing them in HBase to meet the real-time query requirements of large amounts of front-end data; constructing a back-end microservice architecture to handle related business logic; building a front-end interactive visualization interface that, based on user-input parameters, requests Ethereum transaction data from HBase, and uses the open-source control Cytoscape.js to graphically display the requested data, making transactions more intuitive; using web3 + Python to parse functions and events in Ethereum transactions, making transactions transparent; the visualization graph allows for zooming, panning, and dragging to meet different user analysis perspectives; the visualization graph generates right-click interactive menu items to satisfy users' deeper exploration interests; and includes Reset, Undo, Redo, Save, and Load Graph function buttons to assist user analysis. Ultimately, this allows users to more intuitively understand transaction information and more effectively explore and analyze transaction data. (Reference) Figure 1 .

[0034] Specifically, the following steps are included:

[0035] Step 1: Construct the Ethereum address information table and transaction information table.

[0036] Step two: Build a backend microservice architecture and handle related business logic.

[0037] Step 3: Build an interactive visual interface using Vue, ElementUI, and Cytoscape.js. The interface is divided into two parts: a menu module on the left and a display module on the right. The menu module is further divided into Search, Legend, Display, and Filter modules. The display module shows the visual graphs. It uses the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transactions more intuitive. It uses web3 + Python to parse the functions and events in the Ethereum transactions, making the transactions transparent. The visual graphs can be zoomed, panned, and dragged to meet different user analysis perspectives. The visual graphs generate right-click interactive menu items to satisfy users' deeper exploration interests, and have Reset, Undo, Redo, Save, and Load Graph function buttons to assist users in analysis operations.

[0038] To make the objectives, technical solutions, and advantages of this invention clearer, the invention will be further described in detail below with reference to the accompanying drawings.

[0039] Step 1: Construct the Ethereum address information table and the Ethereum transaction information table. The table structures for the address information table and the transaction information table are as follows:

[0040] The address information table uses the address as the rowkey, hash as the column family, and day as the column. It stores the hashes of the transactions that the address participated in on that day, separated by commas.

[0041] The transaction information table uses a hash as the rowkey, with specific columns including block number, time, internal and external transaction information, token transfer information, and log information. Internal and external transaction information includes from address, to address, value, trace type, call type, trace address, and input. Token transfer information includes token address, from address, to address, value, copies, decimals, is_erc20, is_erc721, is_erc1155, and token name. Log information includes contract, data, and topics.

[0042] Step two involves building the backend microservice architecture to handle related business logic. The backend microservice architecture consists of a gateway layer, a common layer, and a business layer. The specific functions of each layer are as follows:

[0043] The gateway layer serves as the unified entry point for microservice backend services, managing them in a coordinated manner and providing functions such as routing, load balancing, and security authentication.

[0044] The common layer provides some common utility classes for the business layer, including connection pools, thread pools, etc.

[0045] The business layer handles front-end business requests, connects to the database, processes data, and returns it to the front-end.

[0046] Step 3: Build an interactive visual interface using Vue, ElementUI, and Cytoscape.js. The interface is divided into two parts: the left side is the menu module, and the right side is the display module. The menu module is further divided into Search, Legend, Display, and Filter modules. The display module shows the visual graphs. It uses the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transactions more intuitive. It uses web3 + Python to parse the functions and events in the Ethereum transactions, making the transactions transparent. The visual graphs can be zoomed, panned, and dragged to meet different user analysis perspectives. The visual graphs generate right-click interactive menu items to satisfy users' deeper exploration interests, and have Reset, Undo, Redo, Save, and Load Graph function buttons to assist users in analysis operations. Each module is implemented as follows:

[0047] The Search module requests Ethereum transaction data from the HBase database based on the parameters configured by the user. There are two request methods:

[0048] Based on the transaction hash, request the block number, time, internal and external transaction information, token transfer information, and log information corresponding to that transaction hash.

[0049] Based on a specific EOA or Contract, request Ethereum transaction data that the address participated in within a given time period. First, look up the transaction hashes that the address participated in within the time period in the address information table. Then, look up the block number, time, internal and external transaction information, token transfer information, and log information corresponding to each transaction hash in the transaction information table.

[0050] The Legend module provides descriptions for the nodes corresponding to each color.

[0051] The Display module lists all the information displayed for nodes and edges, and users can select the information they want to display.

[0052] The Filter module allows you to filter the displayed nodes and edges according to certain conditions. Specific filtering conditions include:

[0053] Filter transactions with value > 0.

[0054] Filtering based on six trace types: call, create, suicide, reward, genesis, and daofork.

[0055] Filtering based on four call types: call, callcode, delegatecall, and staticcall.

[0056] The display module presents visual graphics, using the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transactions more intuitive. The basic display format is nodes and edges. EOA, Contract, and Token are displayed as nodes, while external transactions, internal transactions, ERC20 Token transfers, ERC721 Token transfers, and ERC1155 Token transfers are displayed as edges.

[0057] refer to Figure 2 The specific display format of the node is as follows:

[0058] The blue circular nodes represent EOAs, and the node information includes address, ens name, and tags.

[0059] The gray square node represents a Contract, and the node information includes address, dapp name, and tags.

[0060] The yellow diamond-shaped nodes represent ERC20 tokens, and the node information includes token name, token address, and value.

[0061] The orange diamond-shaped node represents the ERC1155 token. The node information includes token name, token address, token id, and copies.

[0062] The green diamond-shaped node represents the ERC721 Token. The node information includes the token name, token address, and tokenid.

[0063] Within each point, the points are numbered in ascending order according to the transaction sequence, and the same address in the same visualization uses the same number.

[0064] The specific display format of the edge is as follows:

[0065] For each transaction hash, a color is randomly generated, and the edges of the same transaction hash have the same color.

[0066] External transactions are displayed in bold, and the information displayed on the edges includes transaction hash, block number, time, value, tracetype, and call type.

[0067] The information displayed on the side of an internal transaction includes value, trace type, call type, and trace address.

[0068] The edges for token transfer place the transferred token and related information in the middle of the edge.

[0069] The requested Ethereum transaction data is parsed using web3 + Python to parse the functions and events within the Ethereum transactions, making the transactions transparent. The specific parsing is as follows:

[0070] When EOA calls Contract, it triggers a function. The function parses the requested Ethereum transaction data based on the contract and input fields. After parsing, a prompt box is generated, which contains the parsed data, including the function name, formal parameters, and actual parameters. Right-clicking the corresponding edge of the transaction will display the prompt information.

[0071] The function submits some logs, i.e., events. For the requested Ethereum transaction data, the event is parsed based on the contract, data, and topics fields. After parsing, a prompt box is generated, which contains the parsed data, including the name of the log function, its formal parameters, and actual parameters. The prompt message can be displayed by right-clicking the called Contract.

[0072] The visualization allows for zooming, panning, and dragging, catering to different analytical perspectives and facilitating better observation of information within the graph.

[0073] Visualized right-click menu items are generated to satisfy users' deeper exploration interests. The right-click menu includes:

[0074] Copy Address.

[0075] Copy Hash, copy transaction hash.

[0076] Change Color.

[0077] The Delete function deletes nodes and edges in a graph. There are three types of deletion methods:

[0078] Right-click on a node and select Delete to delete that node and the edges connected to it.

[0079] Right-click on an edge and select Delete to remove that edge.

[0080] Hold down the Shift key and drag the mouse to select the shape. Right-click and select Delete to delete the nodes within the selection and the edges connected to these nodes.

[0081] The display module features Reset, Undo, Redo, Save, and Load Graph buttons to assist users in analyzing operations. The specific functions of each button are as follows:

[0082] The Reset button clears the visual graphics.

[0083] The Undo button allows you to roll back the operation.

[0084] The Redo button allows you to redo the operation.

[0085] The Save button allows you to save the edited visual graphic to the database.

[0086] Load Graph reloads the visualizations stored in the database, allowing for further editing.

[0087] In addition, the present invention also provides an interactive graph visualization analysis system based on Ethereum big data, including the following modules: a data module, an architecture module, and a visualization module. The data module constructs an Ethereum address information table and a transaction information table.

[0088] The architecture module builds the backend microservice architecture and handles related business logic.

[0089] The visualization module utilizes Vue, ElementUI, and Cytoscape.js to build an interactive visual interface. The interface is divided into two parts: the first part is the menu module, and the second part is the display module. The menu module is further divided into the Search module, Legend module, Display module, and Filter module. The display module displays visual graphics and uses the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transaction information table more intuitive.

[0090] The present invention can also provide a computer device, including a processor and a memory, wherein the memory is used to store a computer executable program, the processor reads part or all of the computer executable program from the memory and executes it, and the processor can realize the interactive graph visualization analysis method based on Ethereum big data described in the present invention when executing part or all of the computer executable program.

[0091] On the other hand, the present invention provides a computer-readable storage medium storing a computer program, which, when executed by a processor, enables the implementation of the interactive graph visualization analysis method based on Ethereum big data as described in the present invention.

[0092] The computer device may be a laptop, a desktop computer, or a workstation.

[0093] The processor can be a central processing unit (CPU), a graphics processing unit (GPU), a digital signal processor (DSP), an application-specific integrated circuit (ASIC), or an off-the-shelf programmable gate array (FPGA).

[0094] The memory described in this invention can be an internal storage unit of a laptop, desktop computer, or workstation, such as memory or hard disk; or it can be an external storage unit, such as a portable hard disk or flash memory card.

[0095] Computer-readable storage media can include computer storage media and communication media. Computer storage media includes volatile and non-volatile, removable and non-removable media implemented using any method or technology for storing information such as computer-readable instructions, data structures, program modules, or other data. Computer-readable storage media can include: read-only memory (ROM), random access memory (RAM), solid-state drives (SSDs), or optical discs, etc. Random access memory can include resistive random access memory (ReRAM) and dynamic random access memory (DRAM).

[0096] The above description is merely a preferred embodiment of the present invention, but the scope of protection of the present invention is not limited thereto. Any equivalent substitutions or modifications made by those skilled in the art within the scope of the technology disclosed in the present invention, based on the technical solution and inventive concept of the present invention, should be covered within the scope of protection of the present invention.

Claims

1. An interactive graph visualization analysis method based on Ethereum big data, characterized in that, Includes the following steps: Construct Ethereum address information tables and transaction information tables; Build a backend microservice architecture to handle related business logic; The front-end interactive visual interface is built using Vue, ElementUI, and Cytoscape.js. The interface is divided into two parts: the first part is the menu module, and the second part is the display module. The menu module is further divided into the Search module, Legend module, Display module, and Filter module. The display module displays visual graphics and uses the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transaction information table more intuitive. When building the Ethereum address information table and the Ethereum transaction information table, the Ethereum public chain data is reconstructed into the Ethereum address information table and the Ethereum transaction information table and stored in HBase. The Legend module provides descriptions for the nodes corresponding to each color; The Display module lists all the information displayed for the nodes and edges; The Filter module allows you to filter the displayed nodes and edges according to certain filtering conditions; For each transaction hash, a color is randomly generated, and the edges of the same transaction hash have the same color. The filtering conditions include: filtering transactions with value > 0; filtering based on six trace types, namely call, create, suicide, reward, genesis, and daofork; and filtering based on four call types, namely call, callcode, delegatecall, and staticcall. The edges of external transactions are bolded, and the information displayed on the edges includes transaction hash, block number, time, value, trace type, and call type. The information displayed on the edge of the internal transaction includes value, trace type, call type, and trace address; The edges for token transfer place the transferred token and related information in the middle of the edge; The display module shows visual graphics. The basic display format is nodes and edges. EOA, Contract, and Token are displayed as nodes, while external transactions, internal transactions, ERC20 Token transfers, ERC721 Token transfers, and ERC1155 Token transfers are displayed as edges. The visualization uses Web3 and Python to parse functions and events in Ethereum transactions, making transactions transparent. The visualization allows for zooming, panning, and dragging, and generates right-click interactive menu items. The right-click menu includes copy, delete, and change node color. Specifically, the EOA calls the Contract to trigger a function. For the requested Ethereum transaction data of this type, the function is parsed based on the contract and input fields. After parsing, a prompt box is generated, which contains the parsed data, including the function name, formal parameters, and actual parameters. The function submits an event, and for the requested Ethereum transaction data, it parses the event based on the contract, data, and topics fields. After parsing, it generates a prompt box containing the parsed data, including the name of the logging function, its formal parameters, and actual parameters. The Search module requests Ethereum transaction data from the HBase database based on the parameters configured by the user. The first method for requesting Ethereum transaction data involves requesting the block number, time, internal and external transaction information, token transfer information, and log information corresponding to the transaction hash, based on the transaction hash. The second method for requesting Ethereum transaction data involves requesting Ethereum transaction data that the address has participated in within a certain time period, according to the EOA or Contract. First, the address information table is searched for the transaction hashes that the address has participated in within the time period. Then, the transaction information table is searched for the block number, time, internal and external transaction information, token transfer information, and log information corresponding to each transaction hash.

2. The interactive graph visualization analysis method based on Ethereum big data according to claim 1, characterized in that, The display module includes Reset, Undo, Redo, Save, and Load Graph function buttons to assist users in analysis operations.

3. The interactive graph visualization analysis method based on Ethereum big data according to claim 1, characterized in that, The address information table records the transaction hashes that EOA and Contract have participated in, while the transaction information table records the block number, time, internal and external transaction information, token transfer information, and log information of the transaction.

4. The interactive graph visualization analysis method based on Ethereum big data according to claim 1, characterized in that, The backend microservice architecture comprises a gateway layer, a common layer, and a business layer. The gateway layer serves as the unified entry point for backend microservices, handling all non-business functions. Its main responsibilities include interface access verification and parameter model conversion. The gateway layer uses an Nginx server for load balancing and reverse proxy configuration, and it designs corresponding data content and format parsing conventions for the HTTP protocol. The common layer provides the business layer with general utility classes, providing resource, storage, and underlying capability support without being aware of the business logic. The utility classes involved in the common layer mainly include identity authentication, thread pools, and Java operations on Linux servers. The business layer is decomposed according to business functions, designed as microservices within specific domain modules. Each microservice is highly cohesive, focusing only on its own business logic and communicating with each other through interface calls. Two domain modules, Transactions and tokens, are designed. These microservices process business requests passing through the gateway layer and return the results to the frontend by calling the utility classes in the common layer and their own unique processing logic.

5. An interactive graph visualization and analysis system based on Ethereum big data, characterized in that, It includes the following modules: data module, architecture module, and visualization module. The data module constructs the Ethereum address information table and transaction information table. The architecture module builds the backend microservice architecture and handles related business logic. The visualization module utilizes Vue, ElementUI, and Cytoscape.js to build an interactive visual interface. The interface is divided into two parts: a menu module and a display module. The menu module is further divided into Search, Legend, Display, and Filter modules. The display module presents visual graphics, using the open-source control Cytoscape.js to render the requested Ethereum transaction data, making the transaction information table more intuitive. When constructing the Ethereum address information table and transaction information table, the Ethereum public chain data is reconstructed into Ethereum address information tables and Ethereum transaction information tables and stored in HBase. The Legend module provides descriptions for the nodes corresponding to each color; The Display module lists all the information displayed for the nodes and edges; The Filter module allows you to filter the displayed nodes and edges according to certain filtering conditions; For each transaction hash, a color is randomly generated, and the edges of the same transaction hash have the same color. The filtering conditions include: filtering transactions with value > 0; filtering based on six trace types, namely call, create, suicide, reward, genesis, and daofork; and filtering based on four call types, namely call, callcode, delegatecall, and staticcall. The edges of external transactions are bolded, and the information displayed on the edges includes transaction hash, block number, time, value, trace type, and call type. The information displayed on the edge of the internal transaction includes value, trace type, call type, and trace address; The edges for token transfer place the transferred token and related information in the middle of the edge; The display module shows visual graphics. The basic display format is nodes and edges. EOA, Contract, and Token are displayed as nodes, while external transactions, internal transactions, ERC20 Token transfers, ERC721 Token transfers, and ERC1155 Token transfers are displayed as edges. The visualization uses Web3 and Python to parse functions and events in Ethereum transactions, making transactions transparent. The visualization allows for zooming, panning, and dragging, and generates right-click interactive menu items. The right-click menu includes copy, delete, and change node color. Specifically, the EOA calls the Contract to trigger a function. For the requested Ethereum transaction data of this type, the function is parsed based on the contract and input fields. After parsing, a prompt box is generated, which contains the parsed data, including the function name, formal parameters, and actual parameters. The function submits an event, and for the requested Ethereum transaction data, it parses the event based on the contract, data, and topics fields. After parsing, it generates a prompt box containing the parsed data, including the name of the logging function, its formal parameters, and actual parameters. The Search module requests Ethereum transaction data from the HBase database based on the parameters configured by the user. The first method for requesting Ethereum transaction data involves requesting the block number, time, internal and external transaction information, token transfer information, and log information corresponding to the transaction hash, based on the transaction hash. The second method for requesting Ethereum transaction data involves requesting Ethereum transaction data that the address has participated in within a certain time period, according to the EOA or Contract. First, the address information table is searched for the transaction hashes that the address has participated in within the time period. Then, the transaction information table is searched for the block number, time, internal and external transaction information, token transfer information, and log information corresponding to each transaction hash.

6. A computer device, characterized in that, It includes a processor and a memory, wherein the memory stores an executable program, and when the processor executes the executable program, it can perform the interactive graph visualization analysis method based on Ethereum big data as described in any one of claims 1 to 4.