Graph Canvas
The interactive graph visualization at the heart of every investigation.
Overview
The graph canvas renders addresses as nodes and transfers as directed edges. It uses WebGL for smooth performance even with hundreds of nodes. Pan, zoom, and drag nodes to arrange the layout.
Node types
- Address — an Ethereum address (EOA or contract)
- Contract — a deployed smart contract (shown with a different icon)
- Labeled address — an address with a known label (e.g., exchange, mixer)
Nodes are color-coded by risk level when compliance test cases have been run. Red indicates high-risk, yellow is medium, green is low.
Edge types
- ETH transfer — native value transfer
- ERC-20 transfer — token transfer event
- Internal transfer — value moved via internal calls
- Contract interaction — non-value function call
Edge thickness represents transfer volume. Hover over an edge to see details (tx hash, amount, timestamp).
Interactions
| Action | How |
|---|---|
| Pan | Click and drag on empty canvas |
| Zoom | Scroll wheel or pinch gesture |
| Select node | Click a node |
| Multi-select | Hold Shift and click nodes |
| Move node | Drag a selected node |
| Expand | Double-click a node or use toolbar button |
| Delete node | Select and press Delete/Backspace |
| Context menu | Right-click a node or edge |
Layout algorithms
Choose from several layout algorithms to arrange nodes:
- Force-directed (default) — physics-based layout that clusters related nodes
- Hierarchical — top-to-bottom layout showing fund flow direction
- Circular — nodes arranged in a circle, useful for seeing all connections
- Grid — evenly spaced grid layout
Filtering
Use the filter panel to show/hide edges by type, time range, or minimum value. This helps focus on the most relevant transfers without removing data from the investigation.
Export
Export the canvas as:
- PNG/SVG — image snapshot of the current view
- CSV — tabular export of all nodes and edges
- JSON — full graph data for programmatic use
- PDF report — formatted investigation report with graph, findings, and annotations
Keyboard shortcuts
| Key | Action |
|---|---|
Ctrl+A | Select all nodes |
Delete | Remove selected nodes |
Ctrl+Z | Undo |
Ctrl+Shift+Z | Redo |
Ctrl+F | Search nodes |
Space | Fit graph to view |