The developer tools you reach for every day, all in one place.

Converters, formatters, hashes, validators, and the small utilities you keep reopening stay together instead of getting lost across tabs.

GitHub

/ Tools

■

/ Tool Finder

109 tools

/ Transaction Trace Visualizer

Input Method

Trace JSON (from debug_traceTransaction)

Transaction Traces: Visualize the complete call graph of a transaction, including all internal calls, gas usage, and return values.

Use debug_traceTransaction with the callTracer to get trace data. Click nodes to expand/collapse and see detailed call information.

/ Selected Tool

Transaction Trace Visualizer

Visualize transaction execution traces with call hierarchy

■ 01

What is Transaction Tracing?

Transaction tracing captures the complete execution path of a transaction, including all internal calls between contracts. This is essential for debugging complex transactions and understanding contract interactions.

■ 02

How does it work?

Transaction tracing uses debug_traceTransaction RPC method with the callTracer to record every internal call, gas usage, input/output data, and state changes. The trace is returned as a hierarchical tree structure showi…

■ 03

Sample Cases

Covers ERC-20 Transfer - Simple CALL, Uniswap V3 Swap - Complex Multi-call Chain, and Aave Flash Loan - CALL + DELEGATECALL Pattern so you can compare common inputs and outputs quickly.

/ Code

■

/ Integration

Source code from the selected tool, shown here alongside the live version on the right.

/ Source Code

TypeScript

typescript

// npm install viem

import { createPublicClient, http } from 'viem';
import { mainnet } from 'viem/chains';

const client = createPublicClient({
  chain: mainnet,
  transport: http("https://eth-mainnet.g.alchemy.com/v2/YOUR_KEY")
});