Skip to content

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

ActionHow
PanClick and drag on empty canvas
ZoomScroll wheel or pinch gesture
Select nodeClick a node
Multi-selectHold Shift and click nodes
Move nodeDrag a selected node
ExpandDouble-click a node or use toolbar button
Delete nodeSelect and press Delete/Backspace
Context menuRight-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

KeyAction
Ctrl+ASelect all nodes
DeleteRemove selected nodes
Ctrl+ZUndo
Ctrl+Shift+ZRedo
Ctrl+FSearch nodes
SpaceFit graph to view
Graph Canvas — ChainGraph Docs